bootstrap的html高度很低,Bootstrap DIV没有填充100％背景颜色的高度

2024-04-24 00:20:08

我知道有很多关于此的帖子，但我尝试了每个解决方案并失败。公平的警告我不理解CSS特别好(我虽然想)Bootstrap DIV没有填充100％背景颜色的高度

我有这样的代码：

Question Form Modal

.QuestionFormLeft {

background-color:white;

}

.QuestionFormRight {

padding-top: 0;

background-color:#DBDDDE;

height: 100%;

}

.QuestionFormRight p:first-child {

margin-top: 20px;

}

.QuestionFormRow {

border-bottom: 3px solid #DBDDDE;

}

Question 1 Title

Some words and description. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Please select a option from below:

Awesomeness

Greatness

Question 2 Title

Some words and description. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Please select a option from below:

Awesomeness

Greatness

我如何得到正确的DIV QuestionFormRight做100％的高度，所以它会填充背景。

注意：页面宽度自动调整大小，因此页面必须宽到足以堆叠左右和顶部/底部。

当然，我可以做一个表，但努力不去。

任何帮助将不胜感激。

+1

小提琴使用v3.3.7，但问题是标签引导4？如果您使用BS4，感谢flexbox，它将自动变为全高https://www.codeply.com/go/p9n7tiJFFI。 –

+0

你是绝对正确的，抱歉让Bootstrap版本感到困惑。我认为GA是4，但我猜想它是3.我切换到Alpha 4，并确信它的工作非常棒。我对此感到满意。 –

bootstrap的html高度很低,Bootstrap DIV没有填充100％背景颜色的高度相关推荐

子div浮动，父div宽度设置100%
今天在做导航条时,由于想要居中导航栏(子div),使用了float,导致父div高度塌陷,样式都没用,具体看下图: 结构大概是这样: nav是导航栏子div,使用了float:left,header是 ...
php如何在添加div的背景颜色_css3颜色渐变：css3如何实现背景颜色渐变？
为了开发网页的美观,css3背景颜色渐变是经常会用到的,那么,css3背景颜色渐变如何设置呢?本篇文章我们就来介绍关于css颜色渐变背景的设置方法. 我们要知道的是css3渐变有两种类型:css3线性 ...
ASP.NET MVC使用Bootstrap系列（3）——使用Bootstrap 组件
Bootstrap为我们提供了十几种的可复用组件,包括字体图标.下拉菜单.导航.警告框.弹出框.输入框组等.在你的Web Application中使用这些组件,将为用户提供一致和简单易用的用户体验. ...
Bootstrap学习（一）：Bootstrap简介
一.Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更 ...
【Bootstrap】＜前端框架＞Bootstrap布局容器栅格网格系统
目录一.Bootstrap概述: 二.Bootstrap HTML模板: 三.布局容器和栅格网格系统: 1.布局容器: 2.栅格网格系统: 2.1 媒体查询: 2.2 栅格参数: 2.3 列组合: ...
div模拟textarea文本域轻松实现高度自适应——张鑫旭
by zhangxinxu from http://www.zhangxinxu.com 本文地址: http://www.zhangxinxu.com/wordpress/?p=1362 一.关于t ...
随机森林中的Bootstrap抽样是有放回抽样么？Bootstrap抽样过程描述一下
随机森林中的Bootstrap抽样是有放回抽样么?Bootstrap抽样过程描述一下 Bootstrap方法:每当选中一个元组,这个元组同样也可能再次被选中并再次添加到训练集中.例如,想象一台从训练集 ...
ASP.NET MVC使用Bootstrap系统（2）——使用Bootstrap CSS和HTML元素
ASP.NET MVC使用Bootstrap系统(2)--使用Bootstrap CSS和HTML元素阅读目录 Bootstrap 栅格(Grid)系统 Bootstrap HTML元素 Boots ...
BootStrap笔记-文本颜色链接颜色背景颜色
代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...

最新文章

热门文章