Загрузочный горизонтальный navbar не работает. отображается как вертикальный

Question

Привет, я использовал вертикальную навигационную панель начальной загрузки на своей домашней странице, и теперь я хочу сделать горизонтальную навигационную панель на своей странице галереи. но новый navbar также отображается вертикально. Я хочу сделать загрузчик по умолчанию Navbar для этой страницы. Я использовал этот код Segmant, чтобы сделать Vertiacl Navbar на домашней странице.

 /* 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;
  }

теперь я хочу отменить эти навбары до горизонта

Thnx

Answer 1

Вы должны узнать, что делают эти свойства, которые вы используете..

Display:block;: Цитата из W3C

В контексте форматирования блока блоки располагаются один за другим вертикально, начиная с верхней части содержащего блока. Вертикальное расстояние между двумя соседними ячейками определяется свойствами 'margin'. Вертикальные поля между соседними блоками блоков в контексте форматирования блоков сворачиваются.

В контексте форматирования блока левый внешний край каждого блока касается левого края содержащего блока (для форматирования справа налево касание правых краев). Это верно даже при наличии поплавков (хотя область содержимого ящика может уменьшаться из-за поплавков).

---

Float:none;: Цитата из Ноа Стоукса

Свойство float имеет четыре значения, которые мы можем применить к нему: left, right, наследовать и none. Каждое значение самоочевидно. Например, если вы присвоите элементу float: left, он переместится к самой левой границе своего родительского элемента. Та же идея применима, если вы должны назначить float: right; к элементу. Этот элемент будет отправлен к самой правой границе его родительского элемента. Значение Наследовать указывает элементу наследовать значение с плавающей точкой его родительского элемента. Значение none является значением по умолчанию и указывает элементу вообще не плавать.

Плавающее означает, в общем, толкание элемента уровня блока влево или вправо, манипулируя потоком относительно других элементов блока.

Блок означает определение типа элемента и места, которое он занимает на странице. Большинство элементов HTML по умолчанию будут блочными или встроенными. Свойства отображения используются для управления этими значениями по умолчанию. Блочные элементы или элементы, которыми манипулируют со свойствами отображения, чтобы они были блочными элементами, будут занимать все горизонтальное пространство своего родителя или, как правило, часто начинаются в начале строки и заканчиваются в конце строки.

---

Измени свой float:none; в float:left; а также display:block; в display:inline-block;