Cut Bootstrap navbar in half

Я использую Bootstrap navbar с файлом bootstrap.min.css. Этот навигатор растягивается на весь экран, где в файле CSS я изменяю настройки навигатора (я не хочу, чтобы он растягивался)? Там есть много навигационных классов, и я не могу найти правильный.Cut Bootstrap navbar in half

<div class="navbar navbar-inverse navbar-static-top"> 
     <div class="container"> 

      <a href="#" class="navbar-brand">Imperia Bank</a> 

      <button class="navbar-toggle" data-toggle="collapse" 
       data-target=".navHeaderCollapse"> 
       <span class="icon-bar"></span> <span class="icon-bar"></span> <span 
        class="icon-bar"></span> 
      </button> 

      <div class="collapse navbar-collapse navHeaderCollapse"> 

       <ul class="nav navbar-nav navbar-right"> 

        <li class="active"><a href="homepage.html">Home</a></li> 
        <li><a href="Login.html">Login</a></li> 
        <li><a href="Register.html">Register</a></li> 
        <li><a href="customer.html">Clients</a></li> 
        <li><a href="Administrator.html">Administrator</a></li> 
        <li><a href="account.html">Accounts</a></li> 
        <li><a href="Illustration.html">Illustration</a></li> 
        <li ><a href="ATM.html">Atm</a></li> 

       </ul> 

      </div> 

     </div> 
    </div>

источник

2014-01-26 user2674835

открытым несжатый bootstrap.css файл и попытаться найти .navbar – Mortezaipo

Я не понимаю, именно то, что вы просите, но попробуйте поставить .container DIV вне .navbar. –

Morteza, так же, как я написал, там много таблеток навигация ... – user2674835

Место <div class="container"> выше <div class="navbar navbar-inverse navbar-static-top">.

источник

2014-01-26 19:47:15 Swagata

Вы должны иметь возможность добавлять свои собственные стили поверх существующих стилей. Используя такой инструмент, как хром-отладчик, вы можете найти правило стиля, которое это делает, а затем в вашей собственной таблице стилей просто используйте более специфичный селектор CSS, чтобы переопределить его.

источник

2014-01-26 19:51:24 olleicua

Вы можете поместить навигатор в свой контейнер (с соответствующим идентификатором) и отрегулировать ширину контейнера в таблицах стилей. Как сказал Свагата, вы должны просто перевернуть теги div и соответствующим образом настроить свой css. Я бы назвал это памятным именем, ради редактирования.

источник

2014-03-22 19:19:23

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

<div id='row'> 
    <div id='col-md-6'> 
     INSERT NAVBAR HERE 
    </div> 
    <div id='col-md-6'> 
     INSERT WHATEVER YOU WANT ON THE OTHER HALF OF THE SCREEN HERE 
    </div> 
</div>

источник

2014-04-22 17:05:43

Подумайте, используете ли вы этот подход, если он будет реагировать и рушиться должным образом (т. Е. У меня есть моя установка, чтобы свернуть на кнопку на маленьких экранах). Мысли? – user2101068

Cut Bootstrap navbar in half

ответ

Смежные вопросы