將Twitter的導航欄從hortizontal更改爲垂直

Question

我是否也可以在不改變html結構的情況下在垂直位置使用Twitter的導航欄。這將如何影響作爲形式，下拉等元素

這樣的導航欄應該如何崩潰？

Answer 1

你可以適應CSS，是這樣的：

@media (min-width: 768px) { 
    .navbar-collapse { 
    height: auto; 
    border-top: 0; 
    box-shadow: none; 
    max-height: none; 
    padding-left:0; 
    padding-right:0; 
    } 
    .navbar-collapse.collapse { 
    display: block !important; 
    width: auto !important; 
    padding-bottom: 0; 
    overflow: visible !important; 
    } 
    .navbar-collapse.in { 
    overflow-x: visible; 
    } 

.navbar 
{ 
    max-width:300px; 
    margin-right: 0; 
    margin-left: 0; 
} 

.navbar-nav, 
.navbar-nav > li, 
.navbar-left, 
.navbar-right, 
.navbar-header 
{float:none !important;} 

.navbar-right .dropdown-menu {left:0;right:auto;} 
.navbar-collapse .navbar-nav.navbar-right:last-child { 
    margin-right: 0; 
} 
} 

雖然它不似乎是合理的使用在這種情況下，導航欄，右邊上面會從文檔默認的導航欄工作（http://getbootstrap.com/components/#navbar） 。

例如：http://bootply.com/84045