Bootstrap:将列居中放在一行中

时间:2017-04-10 16:08:03

标签: html css twitter-bootstrap

.myDiv{
height:100px;
border:thin black solid;
margin-bottom:30px;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="myDiv"></div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="myDiv"></div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<div class="myDiv"></div>
</div>
</div>

我有一行 col-lg-12 col-md-12 col-sm-12 col-xs-12 。 它有3个div。我想要的是,如果我给 col-lg-6 ,第3个div应该是下一行的中心。

我希望第3个div成为下一行的中心。如果我把第4个div放在那么它应该是正确的并且第3个div是左侧。

注意:我不能使用 col-lg-offset-n 类。我必须在不使用它的情况下这样做。

谢谢。 任何帮助都会很棒。

0 个答案:

没有答案