Bootstrap - Боковая панель настройки

Question

В настоящее время я работаю над веб-проекта с использованием начальной загрузки в первый раз, и я испытываю небольшую проблему, я думаю, ветераны, как вы можете помочь мне с :)

Сайт имеет верхнюю строку меню (фиксированные), которые изменяются при отображении на маленьком экране (например, на мобильном телефоне) - с помощью кнопки переключения, отображающей меню боковой панели.

Я просто пытаюсь получить доступ к CSS под этой боковой панелью, но не могу изменить его, не изменяя основную панель manu. я не знаю, какой класс 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

Answer 1

Я определил проблему и надеюсь, что будет более понятно, что мой предыдущий фрагмент кода.

Цель на самом деле, чтобы изменить ширину Распад боковой панели, но только на мобильной версии

Положив стиль непосредственно в attritube стиле отлично работает

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

Но если я пытаюсь поставить его в CSS определение класса, оно больше не работает

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

Почему это происходит!

Я действительно не могу использовать встроенное объявление, потому что мне нужно использовать @media, чтобы настроить таргетинг только на мобильное меню.

Answer 2

Всё, я нашел!

я выкладываю здесь ответ для тех, кто ищет тот же результат: D

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

Этот идентификатор находится в script.js и дать вам полный доступ к боковой панели (мобильный) содержание;)