Question

我想知道如何将bootstrap中的列设置为整页高度，无论如何。我目前尝试制作id并将高度设置为100％，但我没有运气。

<div id="main-row" class="row">
 <div id="left" class="col-lg-3">
   TEXT
 </div>
 <div id="center" class="col-lg-3">
  TEXT
 </div>
 <div id="right" class="col-lg-3">
   TEXT
 </div>

这是我尝试过的一个例子。我想要实现的是将整个列设置为页面的整个高度。它目前锁定内容高度。有没有办法解决这个问题？

Answer 1

您需要使用CSS来设置高度。

首先，你需要你的身体100％。然后我将列放在包含div中并将其设置为100％（看起来主行是包含div）。然后，如果您只希望选择列扩展到整个高度，请为它们提供一个100％设置为高度的类。

您可以尝试将css设置为此。

.html, body {
   height:100%;
}
#main-row {
   height:100%;
}
.fullheightcol {
   height: 100%;
}

HTML：

<div id="main-row" class="row">
   <div id="left" class="col-lg-3">
   TEXT
   </div>
   <div id="center" class="col-lg-6 fullheightcol">
      TEXT 
   </div>
   <div id="right" class="col-lg-3">
      TEXT
   </div>
</div>

如何使列整页高度

1 个答案: