Question

最近我注意到=Sum(MyField)左右两侧有.navbar-header页边距，用于视口宽度＆lt; 768px。可能会补偿-15px的{{1}}填充。到现在为止还挺好。但是对于大于768px的视口宽度15px没有边距。对于视口宽度大于container，.navbar-header的{{1}}为.navbar-brand。

将保证金从15px left margin更改为768px的原因是什么？

我的猜测是，由于宽度大于768，切换菜单按钮是不可见的，而.navbar-header上的负边距会拉.navbar-brand列表元素.navbar-header，从而消除了徽标和导航项目。因此，当菜单切换按钮不存在时，它们只是取消了边距。

Answer 1

试试这个

 <div class="drawer-overlay">

        Your main nav content goes here.
 </div>

之后应用脚本

<script type="text/javascript">

    $(document).ready(function() {

    $('.drawer').drawer({

    nav: 'drawer-nav',

    navList:     'drawer-nav-list',

    overlay:     'drawer-overlay',

    toggle:      'drawer-toggle',

    openClass:   'drawer-open',

    closeClass:  'drawer-close',

    desktopEvent: 'mouseover', // or click

    speed: 200,

    width: 280,

    });

    });

    </script>

填充边距组合如何在Bootstrap中的navbar-header类上工作？

1 个答案: