我正在使用Bootstrap作为网格系统,我遇到了一个问题:如何使col-6的高度为100%,以便在其中垂直对齐一些文本。
<div class="row">
<div class="col-lg-6 col-sm-12 center ">
<img alt=" " class="img-responsive" src="assets/images/sitewide/mainpageeconomy.jpg">
</div>
<div class="col-lg-6 col-sm-12 fillme">
<p>We also offer a 30 foot Grady White center console. She's more of a hardcore no frills fishing vessel, we normally take her 20 to 40 miles offshore for bottom fishing and trolling for game fish up to 4 anglers.</p>
</div>
</div>
fillme类具有100%的高度和最小高度。
非常感谢帮助。
更新- 我写了一篇博客文章关于这个!绝对是一个很好的代码片段。
.fillme
的高度与其父元素相同,你需要在父元素上设置一个高度。添加.row { height: 500px;}
将解决问题的这一部分。 - cjspurgeon