Html 如何标记放置和垂直对齐
我正在使用bootstrap编写我的第一个webapp,对于表单的布局有两个问题。目前看来: 我想改变一些想法,但是在所有的引导选项中我找不到正确的Html 如何标记放置和垂直对齐,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我正在使用bootstrap编写我的第一个webapp,对于表单的布局有两个问题。目前看来: 我想改变一些想法,但是在所有的引导选项中我找不到正确的 如何将“包含子类型”复选框与“对象类型”文本框对齐 “选择选项”标签比其他输入的标签离radiobutton更远。如何使(垂直)距离正确?我在标签上用id=“search\u comb”尝试了几种方法 表单组和radiobutton div上的for=“search\u comb” 如何对齐右下角的“提交”按钮 我已经在几个输入标签上试用class
<body>
<div class="container-fluid">
<h1>Search my database</h1>
<form class="form-vertical" action="/search/" method="post">
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<label for="relation">Relation:</label>
<select class="form-control" id="relation1">
<option>is part of</option>
<option>is alternative for</option>
<option>is a kind of</option>
</select>
</div>
</div>
<div class="col-sm-4">
<div class="form-group">
<label for="object1">Object:</label>
<input type="text" class="form-control" id="object1">
</div>
</div>
<div class="col-sm-4">
<div class="checkbox">
<label><input type="checkbox" value="subtype_cbx1">Including subtype</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="search_comb">Select an option:</label>
<div class="radio">
<label>
<input type="radio" name="search_combination" id="search_comb">
Option1
</label>
</div>
<div class="radio">
<label class="radio">
<input type="radio" name="search_combination">
Option2
</label>
</div>
</div>
</div>
<div class="col-sm-6">
<input type="submit" action="search" value="Search">
</div>
</div>
</form>
</div>
</body>
搜索我的数据库
关系:
是
是另一种选择吗
是一种
对象:
包括子类型
选择一个选项:
选择1
选择2
这里有一个小问题:这里有一个小问题: