Question

我正在尝试为仪表板构建一个类似于http://demo.neontheme.com/dashboard/highlights/

的控制面板

有人可以给我一些指示，我可以开始构建它吗？

由于

Answer 1

看一下Bootstrap的各种组件（如果你还没有），并根据你想要完成的内容细分功能。例如，一目了然：

我可以看到页面流畅，左侧导航大约占用2/12（默认情况下，Bootstrap使用12列网格系统）。

<div class="container-fluid">
  <div class="row">
    <div class="row">
      <div class="col-md-2">
        <!-- Menu -->
      </div>
      <div class="col-md-10">
        <!-- Content -->
      </div>
    </div>
  </div>
</div>

折叠/扩展菜单项正在使用折叠，因此您可以利用Bootstrap的collapse.js来实现此目的。此外，一些菜单项附有标签和/或徽章，Bootstrap也适用。

<强>资源：

构建仪表板侧控制面板的难度

1 个答案: