更改Bootstrap管理模板

问题描述

如何更改Bootstrap 3管理模板

https://getbootstrap.com/docs/3.3/examples/dashboard/

喜欢吗?

很容易删除顶部固定的导航栏,并将所有内容向上移动50px(在dashboard.css中定义)。我发现很难做到的是,在边栏上修改徽标的顶部矩形区域。

解决方法

您可以在这些CSS中添加顶部ul

top: 0;
position: absolute;
margin-bottom: 10px;
width: 100%;
background-color: aquamarine;

第二个ul应该有一个margin-top: 30px;

最后更新.sidebar并为其添加一个top: 0;

将您的文本放在li内,刚刚创建的ul中。

enter image description here

http://jsfiddle.net/w4k50nbo