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

发布时间：2020-12-17 20:51:47 所属栏目：安全来源：网络整理

导读：SB Admin 2,一个免费的 bootstrap 主题，具有很广泛使用规模，实际使用中发现，导航的侧边栏太宽了，有过右侧有大型datatable，会变得很难看。 div class="navbar-default sidebar" role="navigation" div class="sidebar-nav navbar-collapse" ul class="na

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

<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差不多

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!