Question

我是铁路业余爱好者的自助和红宝石。我想要一个适应“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'trail'，'3.2.13'
Bootstrap：gem“bootstrap-sass”，“〜＆gt; 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>

Answer 2

我的解决方案：

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

    [unless CONDITION]
    <div class="span2">
      div1
    </div>
    [endif]

    <div class="<%= CONDITION? ? "span12" : "span10" %>">
     div2
    </div>

  </div>
</div>

实际上，我已经在帮助中编写了该函数，并返回标记（true或false）。我可以调用this函数并得到ture或false来决定应该使用哪个类（span10或span12）。

Answer 3

您可以使用预处理程序（例如SAS和LESS

来实现此风格

通过bootstrap调整div

3 个答案: