css - 容器流体中的 Bootstrap 3 容器

Question

我正在重新编码一个 opencart 主题，但这次使用的是 bootstrap 3。将 bootstrap 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-->

Answer 1

是的。

.container 可以与 .container-fluid 一起使用，让您更好地设计标题背景的样式。

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

它应该不会引起任何问题，除非当您转到移动 View 时，如果您想用标题填充页面的宽度，您应该勾选 .container-fluid 中的填充。