2017-03-26 5 views
1

ブートストラップで、片側(フォーム左側)と幅の100%を等しくする要素を作成する方法を教えてください。ワイドマージンと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

まず、あなたは、それをCSSでposition:absolute; right:0%;を与え、その後、列のdivその "右へ全幅" にクラスを追加し、しなければならない

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

希望があれば、Cheerio!

+0

ありがとう、この作品は、@media(max-width:979px)を使用し、通常のブートストラップの能力を要素に使用しています。 – kamillimi