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

我知道有很多关于此的帖子，但我尝试了每个解决方案并失败。公平的警告我不理解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，并确信它的工作非常棒。我对此感到满意。 –