引导水平导航栏不起作用。显示为垂直

Question

嗨，我在我的主页中使用了引导垂直导航栏，现在我想在我的画廊页面中创建水平导航栏。 但新的导航栏也垂直显示。我想为此页面创建引导程序默认的导航栏。 我使用此代码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

Answer 1

你应该学会什么您使用的这些属性做..

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;