css - 通过 bootstrap 制作自适应 div

Question

我是一名 bootstrap 和 ruby​​ on rails 业余爱好者。我想要一个适应性的“div”。我的代码如下所示:

<div class="container-fluid">
  <div class="row-fluid">

    [if true]
    <div class="span2">
      div1
    </div>
    [endif]

    <div class="span10">
     div2
    </div>

  </div>
</div>

我想要div2(span10)可以适配，意思是:

if "true", **div1** == 20% && **div2** == 80%
if "not true", **div1** cannot be show, then the width of dev2 will be 100%.

我试过span10，我发现它的宽度总是82.906%。我该怎么做？

---

我的环境:

• Ruby:ruby 1.9.3p448(2013-06-27 修订版 41675)[x86_64-linux]
• Rails: gem 'rails', '3.2.13'
• Bootstrap :gem "bootstrap-sass", "~>2.3.2.2"

提前致谢!

Answer 1

也许是这样的:

<div class="container-fluid">
 <div class="row-fluid">
  [if true]
  <div class="span2">
   div1
  </div>
  <div class="span10">
  [else]
  <div class="span12">
  [endif]
   div2
  </div>
 </div>
</div>