Bootstrap - 侧边栏自定义答案

【问题标题】：Bootstrap - Sidebar customizationBootstrap - 侧边栏自定义
【发布时间】：2016-05-31 12:39:58
【问题描述】：

我目前正在第一次使用引导程序进行网站项目，但遇到了一个小问题，我认为像您这样的退伍军人可以帮助我:)

该网站有一个顶部菜单栏（固定），当显示在小屏幕（如手机）上时会发生变化 - 带有一个显示侧边栏菜单的切换按钮。

我只是想访问该侧边栏下方的 CSS，但如果不修改主菜单栏也无法修改它。我不知道我必须创建/修改哪个类 CSS 才能得到我需要的东西：/

<nav class="navbar navbar-default redq" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse">

还有一点...

        <!-- Collect the nav links, forms, and other content for toggling -->
        <!-- <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> -->
        <div class="collapse navbar-collapse">
            <a class="navbar-brand mobile pull-left" href="index.html#home" style="font-size:3vw;">MySite 2016</a>
            <a class="mobile-menu-close"><i class="fa  fa-chevron-right"></i></a>
            <ul class="nav navbar-nav nav-list">

任何帮助或提示将不胜感激！提前感谢您的帮助；D

【问题讨论】：

标签： javascript css twitter-bootstrap

【解决方案1】：

我发现了这个问题，希望它比我之前的代码更容易理解。

目标实际上是改变折叠侧边栏的宽度，但仅限于移动版本

将样式直接放在样式属性中效果很好

<div class="collapse navbar-collapse" style="width:100px;">

但如果我尝试将它放在 CSS 类定义中，它就不再起作用了

.collapse.navbar-collapse {
width: 100px;
}

为什么会这样！？

我真的不能使用内联声明，因为我需要使用 @media 才能仅定位移动菜单。

【讨论】：

【解决方案2】：

就是这样，我找到了！

我在这里为任何寻找相同结果的人发布答案：D

#mobile-menu-wrap
{
    width: 10em;
}

此 ID 位于 script.js 中，可让您完全访问侧边栏（移动）内容；）

【讨论】：