bootstrap3如何在容器的左侧和右侧插入div-blocks

时间:2014-08-30 21:27:30

标签: html5 css3 twitter-bootstrap-3

块的宽度应该占用屏幕宽度左侧的空间。 enter image description here

谢谢

1 个答案:

答案 0 :(得分:0)

你会怎么处理小屏幕上的块,容器的宽度是多少?为什么不做这样的事情:

<div class="container-fluid">
  <div class="row">
    <div class='col-md-2'><!-- Block --></div>
    <div class='col-md-8'><!-- Container --></div>
    <div class='col-md-2'><!-- Block --></div>
  </div>
</div>

或者,如果您希望侧面的块隐藏在移动设备上:

<div class="container-fluid">
  <div class="row">
    <div class='col-md-2 hidden-sm'><!-- Block --></div>
    <div class='col-md-8 col-sm-12'><!-- Container --></div>
    <div class='col-md-2 hidden-sm'><!-- Block --></div>
  </div>
</div>