Question

我想知道我们是否可以将div class="span6"的高度设置为row-fluid容器？

这是一个例子，我左边有一个表格，右边有一个按钮，我怎样才能使按钮与左边的表格高度相同？

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span6">
      <form>
        <fieldset>
          <legend>Legend</legend>
          <label>Label name</label>
          <input type="text" placeholder="Type something…">
          <span class="help-block">Example block-level help text here.</span>
          <label class="checkbox">
            <input type="checkbox"> Check me out
          </label>
        </fieldset>
      </form>
    </div>
    <div class="span6"><button>Big Button</button></div>
  </div>
</div>

感谢。

Answer 1

你可以在javascript（jQuery）中获得左手.span6的高度。然后，您可以将该高度应用于右侧.span6的css。这需要:next或某种形式的遍历DOM，或者你可以只重命名你想要相同高度的右侧按钮跨度的类。

left_h = $('.span6').height();
$('.span6 button').css('height',left_h);

您可能需要稍微调整一下。

如何在容器中长大div？

1 个答案: