引導 - 側邊欄定製

我目前在網站上項目的工作使用自舉的第一次和我遇到一個小問題，我覺得像你這樣的老將可以幫助我:)引導 - 側邊欄定製

該網站有一個頂部的菜單欄（固定）在小屏幕上顯示的（如移動電話）時改變 - 與一個切換按鈕顯示工具欄菜單。

我只是試圖訪問該欄下面的CSS，但沒有modifiying主要馬努酒吧以及無法修改它。我不知道我有一個類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

來源

2016-05-31 Jérôme Voiron

我確定的問題，並希望這將是更多的理解，我以前的一段代碼。

的目標實際上是改變崩潰側邊欄的寬度，但只能在移動版

直接把風格在風格attritube完美的作品

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

但是，如果我試圖把它放在一個CSS類別定義，它不再工作

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

爲什麼會發生這種情況！

我真的，因爲我需要爲了使用@media的目標只有移動菜單不能使用inline聲明。

來源

2016-06-01 13:28:26

就是這樣，我找到了！

我張貼在這裏的答案爲尋找相同的結果：d

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

此ID的script.js發現，給你完全訪問側邊欄（移動）內容;）

來源

2016-06-01 13:51:54

引導 - 側邊欄定製

回答

相關問題