对于BS 3,如果我只想在右边的一个窄列的内容,我可能使用偏移类9和列3。
但是,如果我想要反向和左侧?有没有正确的方法来做这个BS或者应该我只是使用我自己的CSS方法?我想用我的内容创建一个3列,只有一个空列9。
解决方法
引导行总是包含它们的浮动并创建新行。您不必担心填充空白列,只需确保它们的加起来不超过12个。
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <div class="container"> <div class="row"> <div class="col-xs-3 col-xs-offset-9"> I'm a right column of 3 </div> </div> <div class="row"> <div class="col-xs-3"> I'm a left column of 3 </div> </div> <div class="panel panel-default"> <div class="panel-body"> And I'm some content below both columns </div> </div> </div>