我正在重新编码一个opencart主题,但这一次使用bootstrap 3.这是将container
放在container-fluid
中以拥有中央容器的正确/推荐方法。如果不是,那么实现这一点会更正确。
HTML
<div id="container-fluid">
<div id="container">
<div class="row">
<?php if ($logo) { ?>
<div class="col-sm-3">
<div id="logo"><a href="<?php echo $home; ?>"><img class="img-responsive" src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
<?php } ?>
</div>
<div class="col-sm-6">
<div id="pringle"><img src="catalog/view/theme/default/image/pringle.png" /></div>
</div>
</div>
</div>
</div><!-- Static Header Ends-->
答案 0 :(得分:2)
是强>
.container
可与.container-fluid
一起使用,为您设置标题背景的样式提供更好的可能性。
由于流体容器本身没有太多样式,您可以使用它来垂直划分页面的不同部分。添加一个额外的类或ID可以让你在使用CSS样式时有一点自由。
除了进入移动视图之外,它不应该引起任何问题,如果你想用标题填充页面的宽度,你应该勾选.container-fluid
的填充。
答案 1 :(得分:-1)
为什么容器必须在容器内?
你能把容器变成容器流体并给它一个保证金吗?或者让它们都成为容器流体?