css - Bootstrap-我应该将标题和左侧菜单放在容器类中吗？

Question

CSS

.nav-side-menu {
    font-family: verdana;
    font-size: 12px;
    font-weight: 200;
    background-color: #2e353d;
    top: 0px;
    width: 200px;
    height: 100%;
    color: #e1ffff;
    z-index: 2;
    margin-top: 0px;
    position: absolute;
    left: 0px;
    margin-left: 0px;
}


.page-header{
    width: 100%;
    height: 7%;
    top: 0px;
    margin-top: 0px;
    margin-right: 0px;
    right: 0px;
    background: #f7f8fa;
    border-bottom: thin #e3e3e3 solid;
    -webkit-box-shadow: 0 4px 4px -6px black;
    -moz-box-shadow: 0 4px 4px -6px black;
    box-shadow: 0 4px 4px -6px black;
    z-index: 1;
    position: relative;
}

HTML

<div class="nav-side-menu"></div>
<div class="page-header"></div>

当我将浏览器的大小调整为小于 768px 时，标题将从 View 中隐藏。因为左侧边栏占据了整个空间。那么我应该把它们放在 container 类中吗？

谢谢。 任何帮助将不胜感激。

Answer 1

Bootstrap 有两种类型的容器，用于包装网站内容和容纳我们的网格系统。

首先是容器 ,用于响应式固定宽度容器

第二个是container-fluid，用于覆盖整个视口(viewport)的全宽容器。

您可以根据需要在其中放入任何东西。

试试这个: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_gs_container-fluid&stacked=h