是否有可能使用在里面Twitter的引导情态动词“行”和“跨越”？(Is it possible t

我试图使用Twitter的引导中的情态来实现一个接触的形式。

理想我想前两个字段集彼此相邻并且第三字段（包含一个textarea和提交按钮），以占据模态的整个宽度对齐。

我曾尝试使用行和跨越，使他们发挥很好，但我不知道在去这个问题的方式。 好像还没有一个总span12的开始。

有没有其他人取得了类似的话？

Answer 1:

是的，只要把它用“排液”级，这将调整到可用空间（除非你改变了这些样式）模态体内：

<div class="row-fluid">
<div class="span6">something</div>
<div class="span6">something else</div>
</div>

Answer 2:

这里仅使用Twitter的引导3类中的溶液-即row ， col-sm-6和clearfix ：

HTML

...
<div class="modal-body row">
    <div class="col-sm-6" style="border: 1px solid black;">
        <p>First column with fieldset</p>
    </div>
    <div class="col-sm-6" style="border: 1px solid blue;">
        <p>Second column with fieldset</p>
    </div>
    <div class="clearfix">
    </div>
    <div class="col-sm-12" style="border: 1px solid red;">
        <p>Row that expands the whole width of modal &ndash; text area and submit button</p>
    </div>
</div>
...

新增边框下面能见度列。 请注意，这里还缺省引导填充周围的<p>标签，下面不邻接。

渲染预览

如果你想看看如何构建模式的标题或页脚（前/在上面的例子中的省略号后），你可以看看这里引导模态的布局 。

Answer 3:

你可以做这样的事情

<div class="modal">
<form class="modal-form">
<div class="modal-header"></div>
<div class="modal-body"> input elements here </div>
<div class="modal-footer">
   <button type="submit" class="btn" data-dismiss="modal">Cancel</button>
   <button type="submit" class="btn btn-primary">Save</button>
</div>
</form>
</div>
<div class="modal">

希望这可以帮助，

文章来源: Is it possible to use “rows” and “spans” inside modals in Twitter Bootstrap?