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