Question

这个Bootstrap Dashboard模板看起来很适合我开始的项目，但我需要导航栏在右边而不是在左边。 http://getbootstrap.com/examples/dashboard/

这是仅仅应用一些Bootstrap属性还是对CSS进行轻微调整？我可以用CSS手工编写这个代码，但是想想也许Bootstrap大师已经解决了这个问题，或者可以指出我的捷径。谢谢！

Answer 1

你的意思是左侧的侧边栏吗？

有两种方法可以满足您的要求。

（1）只需将pull-right类（由bootstrap提供）添加到侧栏。

<div class="col-sm-3 col-md-2 sidebar pull-right"></div>

（2）更改HTML的顺序

<div class="col-sm-3 col-md-2 sidebar"></div> // <===== Move me
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"></div>

<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"></div>
<div class="col-sm-3 col-md-2 sidebar"></div> // <===== Here I am

寻找具有右侧导航栏的Bootstrap仪表板

1 个答案: