Bootstrap代码具有良好的边距和100%宽度

时间:2017-03-26 09:47:17

标签: html css

如何在Bootstrap中创建一个通常在一侧(左侧)和另一侧宽度的100%上均衡的元素?

.maksymalnaszerokosc {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
<div class="container-fluid">
<div class="row maksymalnaszerokosc">
<div class="col-sm-6">text 1</div>
<div class="col-sm-6">text 2 </div>
</div>
</div>

<div class="container-fluid">
<div class="row">
<div class="col-sm-6">nice same line text 1</div>
<div class="col-sm-6">Full width to right</div>
</div>
</div>

See this image how to must work

1 个答案:

答案 0 :(得分:1)

首先,您必须将类添加到“向右的全宽”列div,然后在css中为其指定position:absolute; right:0%;

Bootply:http://www.bootply.com/ukGiye0V6Y

希望有所帮助,Cheerio!