Css 引导标签和输入字段不显示为水平
我已经从引导复制并粘贴了示例代码。我已经包括了引导CSS和JS文件&jQuery库 由于某些原因,标签和输入字段显示为内联。有人能看看我做错了什么吗Css 引导标签和输入字段不显示为水平,css,twitter-bootstrap,twitter-bootstrap-3,Css,Twitter Bootstrap,Twitter Bootstrap 3,我已经从引导复制并粘贴了示例代码。我已经包括了引导CSS和JS文件&jQuery库 由于某些原因,标签和输入字段显示为内联。有人能看看我做错了什么吗 <form class="form-horizontal"> <div class="control-group"> <label class="control-label" for="inputEmail">Email</label>
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls">
<input type="text" id="inputEmail" placeholder="Email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
<input type="password" id="inputPassword" placeholder="Password">
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="btn">Sign in</button>
</div>
</div>
</form>
电子邮件
密码
记得我吗
登录
尝试使用.form group而不是.control group类
记住在表单标记后面设置一个带有.col-->类的容器
前
Vendida?&ensp;
{chk_已售出}
Tí;图洛和恩斯普;
分类与分类;a&ensp;
{cbo_类型}
Fecha&ensp;
让我知道这是否有效。您的
表单
标记看起来不错,我相信您忘记添加容器
div
类和
HTML5将您的代码放在JSFIDLE上。您标记了问题引导3,但您正在链接到引导2文档,您拥有的代码也是引导2。如果您将上述代码连接到Bootstrap3CSS,它将无法工作。
<form class="" role="form" method="POST" action="{form_action}" onsubmit="return ValidateForm()" enctype="multipart/form-data">
<div class="col-sm-6 col-md-6">
<div class="form-group">
<label class="control-label label-fw">Vendida? </label>
{chk_sold}
</div><!-- form group -->
<div class="form-group">
<label for="txt_title" class="control-label label-fw">Título </label>
<input name="txt_title" type="text" class="form-control input" id="txt_title" value="{txt_title}" placeholder="titulo del producto">
</div><!-- form group -->
<div class="form-group">
<label for="txt_title" class="control-label label-fw">Categoría </label>
{cbo_type}
</div><!-- form group -->
<div class="">
<label for="txt_aution_date_d" class="control-label label-fw">Fecha </label>
<input name="txt_auction_date_d" type="text" class="form-control" id="txt_auction_date_d" value="{txt_auction_date_d}" placeholder="MM/DD/AAAA">
</div><!-- form group -->
</div><!-- col-sm-6 col-md-6 -->
</form>