关于Bootstrap

Question

我有两个div，一个在另一个的旁边，当我恢复屏幕大小时，到达div重叠的点。一个div是侧边菜单，位于浏览器屏幕的左侧;它有12％的宽度。另一个div有12％的保证金左边。我需要做什么，因为他们没有被覆盖？ 从那以后，谢谢你！

部分代码：

     #header{
        background: #DEDEDE;
        color: #e20074;
        width: 88%;
        font-family: serif;
        margin-left: 12%;
        margin-right: auto;
        text-align: center;
    }
     #menu{
    margin-top: -30px;
    position: absolute;
    text-align: center;
    width: 12%;
    height: 88%;
    float:  none;
  }
<div id="header" class="jumbotron">
    <h4 id="title">
    {{app}}
    </h4>
</body>
</div>
  <div id="menu" class="jumbotron">
      <hm>Menu</h3>
  </div>

Answer 1

添加#header的宽度，#menu和边距超过100％宽度：

88％+ 12％+ 12％= 112％

尝试将#header的width更改为76%，以便总宽度加起来达到100％，如下所示：

76％+ 12％+ 12％= 100％

如果您不希望标题宽度过小，则必须减少边距或菜单宽度，以使总数等于 100％

#header {
    width: 76%;
    /* other style properties */
}