我正在使用最新的 Bootstrap 。
我有一个表单 (class="form-horizontal"
),我在里面添加了一个类为“form-group”的 div,结果给出了一个水平滚动条。
我使用来自 Bootstrap 网站的相同代码在 JSfiddle 中创建了一个示例。 你可以在这里更好地看到它: http://jsfiddle.net/SergioKastro/q4pq08rc/
如何停止显示水平滚动条?
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<form class="form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
</div>
</form>
最佳答案
将您的代码放在 <div class="container">
中或 <div class="container-fluid">
.
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<form class="form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
</div>
</div>
</form>
</div>
你 body 里的一切都应该被包裹在一个 <div class="container">
中或 <div class="container-fluid">
.
"container"
具有固定宽度,具体取决于您的屏幕尺寸,而 "container-fluid"
直接随浏览器的宽度缩放。
关于html - Bootstrap + form group inside a form horizontal 提供水平滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33631141/