我有一个表格,并让我困惑与行.
我应该放在哪里？我需要他们吗？我需要一个模态吗？一个用于整个表单或每个表单输入？
这是我有的：
<div class="container">
<div id="modal" class="modal fade">
//modal stuff
</div><!-- /.modal -->
<h1>Title Here</h1>
<form id="content-add-form" class="form-horizontal" role="form" name="content-add-form" enctype="multipart/form-data">
<div class="form-group">
<label for="title" class="col-md-2 control-label">Title:</label>
<div class="col-md-4">
<input name="title" type="text" class="form-control" placeholder="Title">
</div>
</div>
<div class="form-group">
<label for="date" class="col-md-2 control-label">Date:</label>
<div class="col-md-2">
<div class='input-group date' id='date-picker'>
<input type='text' class="form-control" name="date" value="{{ date("d-m-Y") }}" data-format="dd-MM-yyyy" readonly/>
<span class="input-group-btn">
<button class="btn btn-default datepicker-invoker" type="button"><i class="icon-calendar"></i></button>
</span>
</div>
</div>
</div>
</form>
解决方法
你使用< div class =“row”>每当你开始一个小节的例子,让我说我有3个部分.第一行我需要12列.我将这十二列包含在下面列出的一个例子中,计数到12.第二个我需要3列,在这些列中,我们可以说一个例子,我需要一个导航菜单,一些文本内容和一个图像,我将包装一列中的列.像前两个一样,第三列我只需要一个图像和一些内容.我遵循相同的规则.
<div class="row"> <div class="col-md-1">one</div> <div class="col-md-1">two</div> <div class="col-md-1">three</div> <div class="col-md-1">four</div> <div class="col-md-1">five</div> <div class="col-md-1">six</div> <div class="col-md-1">seven</div> <div class="col-md-1">eight</div> <div class="col-md-1">nine</div> <div class="col-md-1">ten</div> <div class="col-md-1">eleven</div> <div class="col-md-1">twelve</div> </div> <div class="row"> <div class="col-md-4">nav-menu</div> <div class="col-md-4">content</div> <div class="col-md-4">image</div> </div> <div class="row"> <div class="col-md-6">image</div> <div class="col-md-6">content</div> </div>
