Question

我正在研究website（使用Wordpress和Bootstrap模板构建）。

正如您所看到的，我在顶部有一个标题图片，进入container-fluid。

<div class="container-fluid">
<div class="row">
    <div class="col-md-12">
        <img alt="Bootstrap Image Preview" src="http://w-liestal.nowcommu.myhostpoint.ch/wp-content/uploads/2016/04/banner.png" width="100%">
    </div>
</div>
</div>

但alwasy显示“盒装”。如何设置此图片以适应整个屏幕尺寸？

Answer 1

这种情况正在发生，因为container-fluid位于另一个container内。标记本身工作正常：

http://www.codeply.com/go/mdyvvHY9Y0

Bootstrap：容器流体不起作用

1 个答案: