Bootstrap - 减少仪表板示例的宽度

Question

我有一个基于引导程序Dashboard Example的页面，我希望减少页面的宽度，从而获得两侧的广告空间。

但是，侧面菜单始终固定在左侧。有没有办法可以将整个页面的宽度减少到90％，例如？

Answer 1

侧边菜单固定在左侧，因为left: 0已应用于.sidebar。

您可以将此添加到您的css：

.sidebar {
  left: 5%!important;
}

Answer 2

如果您希望整个页面的宽度达到90％，则需要调整顶部的导航，侧面的菜单以及包含主要内容的容器：

nav.navbar.navbar-inverse.navbar-fixed-top {
width: 90%;   
margin-left: auto;   
margin-right: auto;   
display: block;
}

.container-fluid {
width: 90%;   
margin-left: auto;   
margin-right: auto;   
display: block;
}

.sidebar {
left: 5%!important;
}

我希望有所帮助。