我试图将我的单页网站的一部分(使用Bootstrap 3)分成4个相等的部分,但我无法让它工作.
我想我可以为每个col-md-6添加额外的类,但问题实际上是高度与内容对齐,我不能使用固定的高度,因为它应该响应...
<section>
...
</section>
<section id="theproject" class="project">
<div class="container" >
<div class="row">
<div class="col-md-6">
</div>
TOPLEFT
<div class="col-md-6">
TOPRIGHT
</div>
</div>
<div class="row">
<div class="col-md-6">
BOTTOMLEFT
</div>
<div class="col-md-6">
BOTTOMRIGHT
</div>
</div>
</div>
</section>我的custom.css看起来像这样:
.project {
height: auto !important;
min-height: 100%;
overflow: hidden;
background: white;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-size: 16px;
}谢谢你的帮助!