高级Bootstrap表单

时间:2014-01-30 08:13:04

标签: forms twitter-bootstrap tabular

我有一个关于Twitter Bootstrap的愚蠢问题。我想创建一个这样的表单:

this

我想这样做,因此打印很容易,纸张看起来比正常形式更好。

除了使用表格之外,有没有办法做到这一点?

1 个答案:

答案 0 :(得分:0)

是。通常这样做的方法是使用div作为表行和列。看一下getbootstrap.com的bootstrap文档,但一般来说你可能想要这样的东西:

<div class="row">
    <div class="row-sm-6"> First column, first row </div>
    <div class="row-sm-6"> Second column, first row </div>
</div>
<div class="row">
    <div class="row-sm-4"> First column, second row </div>
    <div class="row-sm-4"> Second column, second row </div>
    <div class="row-sm-4"> Third column, second row </div>
</div>

这个问题也有点模糊。你究竟遇到什么问题?如果您遇到标准引导类未涉及的特定样式问题,您应该告诉我们,我们可以帮助您更具体地找出它们。