Html 引导窗体和列未对齐
我试图设计一个引导表单，其中第一行有1个输入，第二行有2个输入。这是一张它不起作用的照片，你可以看到我在努力做什么。。。 哦，我多么希望那些男孩能排得整齐！我已经盯着这个太久了——感觉像是一个保证金问题，但我可能只是错过了一些明显的东西 有人能看出我的错误吗？我把它归结为赤裸裸的骨头：Html 引导窗体和列未对齐,html,css,forms,twitter-bootstrap,layout,Html,Css,Forms,Twitter Bootstrap,Layout,我试图设计一个引导表单，其中第一行有1个输入，第二行有2个输入。这是一张它不起作用的照片，你可以看到我在努力做什么。。。 哦，我多么希望那些男孩能排得整齐！我已经盯着这个太久了——感觉像是一个保证金问题，但我可能只是错过了一些明显的东西 有人能看出我的错误吗？我把它归结为赤裸裸的骨头： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewpor
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<div class="container body-content"><br><br>
<form>
<div class="form-horizontal row">
<div class="form-group col-sm-12">
<label class="control-label col-sm-2">Supplier</label>
<div class="col-sm-10">
<input class="form-control"/>
</div>
</div>
<div class="row">
<div class="form-group col-sm-6">
<label class="control-label col-sm-4">Contact</label>
<div class="col-sm-8">
<input class="form-control"/>
</div>
</div>
<div class="form-group col-sm-6">
<label class="control-label col-sm-4">Phone</label>
<div class="col-sm-8">
<input class="form-control"/>
</div>
</div>
</div>
</div>
</form>
</div>
</body>
</html>
供应商
接触
电话
希望你能帮忙 不要将列数应用于表单控件，而是使用所需的列数将所有控件包装在
的<div class="container body-content"><br><br>
<form>
<div class="form-horizontal">
<div class="col-sm-12">
<div class="form-group">
<label class="control-label col-sm-2">Supplier</label>
<div class="col-sm-10">
<input class="form-control"/>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="control-label col-sm-4">Contact</label>
<div class="col-sm-8">
<input class="form-control"/>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label class="control-label col-sm-4">Phone</label>
<div class="col-sm-8">
<input class="form-control"/>
</div>
</div>
</div>
</div>
</form>
供应商
接触
电话
您在“供应商”输入字段周围忘记了一个