Сделать боковую панель исправленной с помощью Bootstrap v3.3.6 - PullRequest
Новая
       5

Сделать боковую панель исправленной с помощью Bootstrap v3.3.6

0 голосов
/ 25 декабря 2018

Я скачал шаблон администратора ACE Master из Github ( Ссылка на шаблон для справки ), который имеет код боковой панели.Я пытался исправить боковую панель, но мой подход не работает.Затем я попытался поместить этот div в оболочку с тем же классом: sidebar, но это останавливает работу боковой панели в мобильном представлении.Ниже приведен код: 

<div id="sidebar" class="sidebar responsive ace-save-state">
<script type="text/javascript">
    try{ace.settings.loadState('sidebar')}catch(e){}
</script>
<div class="sidebar-shortcuts" id="sidebar-shortcuts">
    <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
    </div>
    <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
        <span class="btn btn-success"></span>
        <span class="btn btn-info"></span>
        <span class="btn btn-warning"></span>
        <span class="btn btn-danger"></span>
    </div>
</div><!-- /.sidebar-shortcuts -->
<ul class="nav nav-list">
    <li class="">
        <a href="Dashboard">
            <i class="menu-icon fa fa-tachometer"></i>
            <span class="menu-text">Dashboard</span>
        </a>
        <b class="arrow"></b>
    </li>
    <li class="">
        <a href="#" class="dropdown-toggle">
            <i class="menu-icon fa fa-tag"></i>
            <span class="menu-text">My Profile</span>
            <b class="arrow fa fa-angle-down"></b>
        </a>
        <b class="arrow"></b>
        <ul class="submenu">
            <li class="">
                <a href="Profile">
                    <i class="menu-icon fa fa-caret-right"></i>
                    Profile
                </a>
                <a href="Pdets">
                    <i class="menu-icon fa fa-caret-right"></i>
                    Pdets
                </a>
                <b class="arrow"></b>
            </li>
        </ul>
    </li>
</ul><!-- /.nav-list -->
<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
    <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
</div>
</div>

Мне нужно, чтобы эта боковая панель была исправлена ​​таким образом, чтобы при прокрутке страницы боковая панель оставалась нетронутой.Однако в мобильном представлении все еще ожидается всплывающая панель навигации.

...