[code lang=”css”]
/* 1. non-responsive */
.container { width: 1170px !important; }
.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-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;
}
[/code]
Udah pernah coba belum kalau diganti di media queries-nya saja?
Soalnya konsep dalam bootstrap dia menggunakan media queries sehingga ketika ukuran tertentu, maka akan menerapkan css sesuai dengan ukuran tersebut.
Style CSS di atas mematikan fungi media queries, soalnya dipaksa lebar container selalu 1170px.
Karena media queries mati, layout nya jadi fixed width / tidak responsif.