模式中的span - Twitter Bootstrap 2

Question

我想在模式视图中使用span结构，但当我在模式视图中使用.row、.row-fluid或spans时，它会溢出模式div。

<div id="login_register_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <!-- Header -->
    <div class="modal-header"> </div>

    <!-- body -->
    <div style="color:black;" class="modal-body">

    <!-- I want to use here 2 times span6 in .row div like this but spans overflow -->

      <div class="row">

        <div class="span-6"> left content</div>
        <div class="span-6"> right content</div>

      </div>
    </div>

    <!--footer -->
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary">Save changes</button>
    </div>
</div>

如果这在bootstrap中不是不可能的，我如何划分模式2相等的部分？

Answer 1

如何划分模态2的相等部分？

尝试在模型中实现两个部分，并通过jQuery隐藏其中一个部分。TB some不是什么特别的东西，只是一段html。

您可以以任何您想要的方式对其进行自定义。

但是当我使用.row，.row-fluid或者spans in modal时，它会溢出modal div。

你是用固定宽度还是固定高度。如果有row或.row-fluid，则需要将内容(html代码)放入div中。它不会占用更多的空间。

在TB中，如果你在div中定义了.row并使用了spanx，那么它将显示在left:30左右。也许这就是导致问题的原因。您可以通过编写自定义样式表来手动删除左侧和右侧。