标签和文本框在使用引导程序的单行中

我想在使用引导程序的屏幕中添加标签和文本框，但它没有获取内联。不知道我在这里做错了什么。是否有任何额外的课程需要使用它？标签和文本框在使用引导程序的单行中

<div class="form-horizontal"> 
    <div class="control-group row-fluid form-inline"> 
        <label for="name" class="control-label">eReview #</label> 
     <div class="controls"> 
        <input type="text" id="name" class="form-control"> 
     </div> 
    </div> 
</div>

请帮忙!!

来源

2016-10-19 sav vv

你从来没有在label和.controls领域col-*-*类：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="form-horizontal"> 
 
    <div class="control-group form-inline"> 
 
    <label for="name" class="control-label col-xs-3">eReview #</label> 
 
    <div class="controls col-xs-9"> 
 
     <input type="text" id="name" class="form-control"> 
 
    </div> 
 
    </div> 
 
</div>

你可以玩的*-xs-*类，使其适合您的网页，只要你喜欢。

来源

2016-10-19 17:38:41

非常感谢您的快速回复。我会接受这个答案 –

检查你的引导版本。 – Nedev

@Nedev *检查它* ...是。在那。 –

如果您使用引导程序3，那么下面的代码可以帮助您。

<div class="form-horizontal"> 
    <div class="form-group row"> 
     <label for="name" class="control-label col-md-4">eReview #</label> 
     <div class="col-md-8"> 
     <input type="text" id="name" class="form-control" /> 
     </div> 
    </div> 
</div>

或者您也可以点击这里 http://getbootstrap.com/css/#forms

来源

2016-10-19 17:39:09

排液只能在引导2.3.2

你的代码是好的只有当你的引导版本是2.3.2。

<div class="form-horizontal"> 
<div class="control-group row-fluid form-inline"> 
       <label for="name" class="control-label">eReview #</label> 
    <div class="controls"> 
       <input type="text" id="name" class="form-control"> 
    </div> 
</div>

如果您正在使用引导V3，你必须使用引导同事*类。

<!-- 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"> 
 

 
<div class="form-horizontal"> 
 
    <div class="control-group form-inline"> 
 
    <label for="name" class="control-label col-xs-4">eReview #</label> 
 
<div class="controls col-xs-8"> 
 
     <input type="text" id="name" class="form-control"> 
 
    </div> 
 
    </div> 
 
</div>

来源

2016-10-19 17:57:49 Nedev

标签和文本框在使用引导程序的单行中

回答

相关问题