gpt4 book ai didi

twitter-bootstrap - 内联形式的输入宽度 - Bootstrap 4

转载 作者:行者123 更新时间:2023-12-04 01:03:43 25 4
gpt4 key购买 nike

早上好,
我正在尝试使用 Bootstrap 4 设置具有不同宽度输入的内联表单。我尝试了此处可用的不同选项:http://v4-alpha.getbootstrap.com/components/forms/ .

这是我去的:

<div class="container">
<div class="row">
<div class="col-xs-1">
<label for="exampleInputName2" class="col-form-label">Name</label>
</div>
<div class="col-xs-2">
<input type="text" class="form-control" placeholder=".col-xs-2">
</div>
<div class="col-xs-3">
<input type="text" class="form-control" placeholder=".col-xs-3">
</div>
<div class="col-xs-4">
<input type="text" class="form-control" placeholder=".col-xs-4">
</div>
</div>
</div>

但我没有使用任何表单类或标签。

- - - - - - - - 编辑 - - - - - - - - - - - -

更具体地说,在这个来自 Bootstrap 4 网站的示例中,您将如何指定标签和输入的宽度?
<form class="form-inline">
<div class="form-group">
<label for="exampleInputName2">Name</label>
<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
</div>
<div class="form-group">
<label for="exampleInputEmail2">Email</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
</div>
<button type="submit" class="btn btn-primary">Send invitation</button>
</form>

欢迎任何好的和简单的例子。

谢谢

西尔万

最佳答案

您还可以使用 Bootstrap 4 宽度实用程序:(.w-25、.w-50、.w-75、.w-100、.mw-100)

<input type="some_type" class="form-control w-25">

关于twitter-bootstrap - 内联形式的输入宽度 - Bootstrap 4,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39033326/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com