Question

我正在使用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。

Answer 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>

Answer 2

你想要这样吗

<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>

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

2 个答案: