容器 - 液体中的Bootstrap 3容器

时间:2016-01-26 11:17:36

标签: css twitter-bootstrap-3

我正在重新编码一个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-->

Bootstrap container within container-fluid

2 个答案:

答案 0 :(得分:2)

.container可与.container-fluid一起使用,为您设置标题背景的样式提供更好的可能性。

由于流体容器本身没有太多样式,您可以使用它来垂直划分页面的不同部分。添加一个额外的类或ID可以让你在使用CSS样式时有一点自由。

除了进入移动视图之外,它不应该引起任何问题,如果你想用标题填充页面的宽度,你应该勾选.container-fluid的填充。

答案 1 :(得分:-1)

为什么容器必须在容器内?

你能把容器变成容器流体并给它一个保证金吗?或者让它们都成为容器流体?