2014-10-09 228 views
0

嗨,我在我的主頁中使用了引導垂直導航欄,現在我想在我的畫廊頁面中創建水平導航欄。 但新的導航欄也垂直顯示。我想爲此頁面創建引導程序默認的導航欄。 我使用此代碼segmant在主頁中創建vertiacl導航欄。引導水平導航欄不起作用。顯示爲垂直

/* make sidebar nav vertical */ 
@media (min-width: 768px) { 
    .sidebar-nav .navbar .navbar-collapse { 
    padding: 0; 
    max-height: none; 
    } 
    .sidebar-nav .navbar ul { 
    float: none; 
    } 
    .sidebar-nav .navbar ul:not { 
    display: block; 
    } 
    .sidebar-nav .navbar li { 
    float: none; 
    display: block; 
    } 
    .sidebar-nav .navbar li a { 
    padding-top: 12px; 
    padding-bottom: 12px; 
    } 

現在我想撤消這些導航欄,以horizantal

日Thnx

回答

2

你應該學會什麼您使用的這些屬性做..

Display:block;Quote from W3C

在塊格式上下文中,框是l垂直地從一個包含塊的頂部開始一個接一個地進行幫助。兩個兄弟箱之間的垂直距離由「邊距」屬性決定。塊格式化上下文中相鄰塊框之間的垂直邊距摺疊。

在塊格式化上下文中,每個框的左外邊緣都與包含塊的左邊緣接觸(用於從右到左格式化,右邊緣接觸)。即使在漂浮物存在的情況下也是如此(儘管由於漂浮物的緣故盒子的內容區域可能縮小)。


Float:none;Quote from Noah Stokes

float屬性有,我們可以應用到其四個值:左,右,繼承,沒有。每個值都很自我解釋。例如,如果將float:left指定給元素,則它將移動到其父元素的最左邊界。如果您要分配float,則適用相同的想法:right;到一個元素。該元素將被髮送到其父元素的最右側邊界。繼承值告訴元素繼承其父元素的float值。值none是默認值,並告訴元素根本不會浮動。

浮動意味着,一般來說,將塊級元素向左或向右推,相對於其他塊元素操縱流。

塊意味着定義元素的類型和它在頁面上佔用的空間。大多數HTML元素默認情況下將成爲塊或內聯元素。顯示屬性用於操作這些默認值。塊元素或使用顯示屬性操縱的元素爲塊元素將佔用其父級的所有水平空間,或者通常從一行的開始處開始並在行的末尾結束。


更改float:none;float:left;display:block;display:inline-block;

+1

日Thnx提前它的工作。我看過那些仍然在學習HTML的人n css – tharaka 2014-10-09 10:40:05

+0

當你不知道什麼是做什麼的時候,看看它。就像你在學習外語口語一樣。這是你學習的唯一方法。通過詢問其他人的答案,你什麼都不會了解。 – davidcondrey 2014-10-09 10:41:49