html - Bootstrap 3 行太宽给出水平滚动条

Question

如何在没有水平滚动条的情况下使用表单控件创建一个简单的行？

似乎无论我用 bootstrap 3 做什么，任何应该是 100% 的“流动”行实际上都超出了它的容器，它引入了一个水平滚动条。我如何阻止它并使其适合其容器？

例子:

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
            <input type="text" required="" class="form-control" placeholder="Enter something" id="foo" name="foo">
        </div>
    </div>
</div>

jsfiddle:http://jsfiddle.net/qnb3q40g

Answer 1

您的代码在 bootstrap 3.2.0 下运行良好

DEMO