Bootstrap Navigation Bar - Brand/Gap issues

Question

Нужна помощь здесь, пожалуйста. Мне в основном нужен навигатор, который скрывает бренд и устраняет пробел рядом с ним, когда он находится над точкой останова, и показывать бренд с разрывом, когда он находится в точке останова. Любая идея, пожалуйста? - заранее спасибо. :)

HTML является это в NavBar тумблера - показывает только название бренда на небольших устройствах или свернуто:

<a class="navbar-brand visible-xs" href="#">Site Navigation</a> 

CSS заключается в следующем:

@media screen and (min-width: 700px) { 
    .navbar .container-fluid, .navbar-collapse { 
     padding-left:0; 
    } 
    .navbar-collapse.in { 
     padding-left:30px; 
    } 
} 

Answer 1

HTML это в NavBar пуговицы - показывает только название бренда на небольших устройствах или разрушилась:

<a class="navbar-brand visible-xs" href="#">Site Navigation</a> 

CSS заключается в следующем:

@media screen and (min-width: 700px) { 
.navbar .container-fluid, .navbar-collapse { 
    padding-left:0; 
} 
.navbar-collapse.in { 
    padding-left:30px; 
} 
} 

Это должно сортировать его. :)