在bootstrap中为div自动设置100%宽度

时间:2015-01-21 10:27:21

标签: html css3 twitter-bootstrap

我正在使用twitter bootstrap 3

<div class="row">
<div class="col-sm-9  ">
   mid left
</div>
<div class="col-sm-3 ">
   mid right
</div>

如果mid left被隐藏,如何设置col-sm-12 mid right

这是页面运行后的HTML输出(PHP),

    <div class="row">
<div class="col-sm-9  ">
   mid left
</div>    

我需要col-sm-12而不是col-sm-9

2 个答案:

答案 0 :(得分:1)

这会对你有所帮助

<div class="row">
  <div class="col-sm-9 col-xs-12 ">
     mid left
  </div>
  <div class="col-sm-3 hidden-xs">
     mid right
  </div>
</div>

答案 1 :(得分:0)

你想要这样吗

<div class="row">
    <div class="col-sm-9">
       mid left
    </div>
</div>
<div class="row">
    <div class="col-sm-3 col-xs-offset-9 ">
      mid right
   </div>
</div>