1
有了新的引導,不能設置文本框lenght,所以我不知道我怎麼可以編寫以下:引導3.0.3內嵌形式:標籤,文本框4,按鈕
http://i.stack.imgur.com/YGoUK.png
它應該如此聰明和簡單。
有了新的引導,不能設置文本框lenght,所以我不知道我怎麼可以編寫以下:引導3.0.3內嵌形式:標籤,文本框4,按鈕
http://i.stack.imgur.com/YGoUK.png
它應該如此聰明和簡單。
你會使用表格內聯和表單組(清理HTML,添加您只SR-標籤您的具體情況):
<form class="form-inline my-form-inline" role="form">
<label>Test </label>
<div class="form-group">
<label class="sr-only" for="exampleInputEmail2">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
</div>
-
<div class="form-group">
<label class="sr-only" for="exampleInputPassword2">Password</label>
<input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
</div>
-
<div class="form-group">
<label class="sr-only" for="exampleInputPassword2">Password</label>
<input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
</div>
-
<div class="form-group">
<label class="sr-only" for="exampleInputPassword2">Password</label>
<input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
</div>
<button type="submit" class="btn btn-primary">Sign in</button>
</form>
</div>
然後調整CSS(你需要調整):
.my-form-inline .form-group {display:inline-block!important;}
.my-form-inline .form-control {width:100%;display:inline-block!important;}
@media (min-width:500px) {
.my-form-inline .form-group {display:inline-block!important;}
.my-form-inline .form-control {width:80px;display:inline-block!important;}
}
這裏:http://bootply.com/102053# – user3127497