需要一个带有页眉、页脚和左面板的仪表板基本模板

Question

自从我尝试使用 bootstrap 构建一个具有页眉、页脚、左面板和主要部分的基本模板以来，已经有一段时间了，但我发现 bootstrap 文档非常模糊，很难找出满足我的要求的实际 html 模板，尤其是对于新手像我这样的。有人可以使用引导程序有任何基本模板，如下图所示。

Answer 1

使用这个 boostrap 网格生成器：http://shoelace.io/。我已经向 div 添加了类，以便您知道哪个是哪个。

<div class="container">

    <div class="row header">

        <div class="header col-sm-10"></div>

    </div>

    <div class="row content">

        <div class="nav col-sm-3"></div>

        <div class="main col-sm-7"></div>

    </div>

    <div class="row footer">

        <div class="footer col-sm-10"></div>

    </div>

</div>

Answer 2

链接http://shoelace.io/有一个界面，我们可以在其中自定义html页面的基本布局。首先在此实用程序页面中设计页眉/页脚/主要部分（您所需要做的只是选择该列并根据您要设计的部分的大小拖动它）。html 内容将在您设计时动态生成。