如何刪除引導程序中的導航欄更改功能3

Question

我有一個客戶端正在顛倒內部頁面的響應適應課程，並希望保留新的頁眉和頁腳元素，減去響應功能。我們正在使用引導3.

我的問題是，關於刪除響應功能，因此所有建議要麼

1. 如果我保持與修改後的.container寬度和最大寬度原Bootstrap.css文件設置，導航欄顯示爲正常，但元素在命中768px斷點後消失。沒有出現漢堡包圖標，所有其他樣式都是正常的。

2. 使用引導程序站點中的媒體查詢斷點設置爲0的重新編譯的Bootstrap.css文件，無論站點寬度和漢堡包圖標是否打開導航元素，導航欄都保持摺疊狀態。

什麼我迄今所做的：

• 編譯與媒體斷點新bootstrap.css文件設置爲0，所有屏幕尺寸
• 移除視窗meta標籤
• 集。容器寬度固定爲!important修改器

缺少從內部頁面中刪除Bootstrap，w帽子我有其他選擇嗎？該項目正在使用鮑爾進行包裹管理。因此，我不能用我現有的少編譯器重新的CSS文件，我僅限於使用customizer site

Answer 1

由於沒有快速簡便的方法來去除功能，我只是說幹就幹，重建了導航欄減去Bootstrap綁定並重復SCSS中的元素樣式。

花了大約45分鐘時間來重建導航欄與非響應功能，相比之下，約2.5小時尋找修復。

Answer 2

要使導航欄永不折疊到其垂直移動視圖，請將@grid-float-breakpoint較少變量設置爲0px。
此變量是瀏覽器視口寬度，導航欄在其下面摺疊。
又見http://getbootstrap.com/css/#grid-less

或者，從官方引導Non-responsive Example搶CSS的適用塊：

// From http://getbootstrap.com/examples/non-responsive/non-responsive.css 
.container .navbar-header, 
.container .navbar-collapse { 
    margin-right: 0; 
    margin-left: 0; 
} 

/* Always float the navbar header */ 
.navbar-header { 
    float: left; 
} 

/* Undo the collapsing navbar */ 
.navbar-collapse { 
    display: block !important; 
    height: auto !important; 
    padding-bottom: 0; 
    overflow: visible !important; 
} 

.navbar-toggle { 
    display: none; 
} 
.navbar-collapse { 
    border-top: 0; 
} 

.navbar-brand { 
    margin-left: -15px; 
} 

/* Always apply the floated nav */ 
.navbar-nav { 
    float: left; 
    margin: 0; 
} 
.navbar-nav > li { 
    float: left; 
} 
.navbar-nav > li > a { 
    padding: 15px; 
} 

/* Redeclare since we override the float above */ 
.navbar-nav.navbar-right { 
    float: right; 
} 

/* Undo custom dropdowns */ 
.navbar .navbar-nav .open .dropdown-menu { 
    position: absolute; 
    float: left; 
    background-color: #fff; 
    border: 1px solid #ccc; 
    border: 1px solid rgba(0, 0, 0, .15); 
    border-width: 0 1px 1px; 
    border-radius: 0 0 4px 4px; 
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
} 
.navbar-default .navbar-nav .open .dropdown-menu > li > a { 
    color: #333; 
} 
.navbar .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar .navbar-nav .open .dropdown-menu > li > a:focus, 
.navbar .navbar-nav .open .dropdown-menu > .active > a, 
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus { 
    color: #fff !important; 
    background-color: #428bca !important; 
} 
.navbar .navbar-nav .open .dropdown-menu > .disabled > a, 
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, 
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { 
    color: #999 !important; 
    background-color: transparent !important; 
}