SB Admin 2 修改侧边导航栏宽度

SB Admin 2, 一个免费的 bootstrap 主题,具有很广泛使用规模,实际使用中发现,导航的侧边栏太宽了,有过右侧有大型datatable,会变得很难看。

SB Admin 2 修改侧边导航栏宽度

<div class="navbar-default sidebar" role="navigation">
    <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
            <li class="sidebar-search">
                <div class="input-group custom-search-form">
                    <input type="text" class="form-control" placeholder="Search...">
                    <span class="input-group-btn">
                    <button class="btn btn-default" type="button">
                        <i class="fa fa-search"></i>
                    </button>
                </span>
                </div>
                <!-- /input-group -->
            </li>
            <li>
                <a href="index.html"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>

如何修改呢?可以修改dist/css/sb-admin-2.css文件

17-24行

@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 0 30px;
    border-left: 1px solid #e7e7e7;
  }

102-108行

@media (min-width: 768px) {
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 250px;

改那个250px就可以了。默认是250px,改成150px差不多

相关文章
相关标签/搜索