Уменьшите нижнее поле в заголовке начальной загрузки

Вот мой код для заголовка/нижнего колонтитула на моем сайте. IT остается фиксированным. Здесь проблема имеет нижний край бит.Уменьшите нижнее поле в заголовке начальной загрузки

Я хочу нажимать нижнюю строку i заголовка немного вверх.

Fiddle

Кнопка добавления bottom-margin не решить? Может ли кто-нибудь дать подсказку?

<div class="navbar navbar-default navbar-fixed-top" role="navigation"> 
     <div class="email-input navbar-left"> 
      <div id="input-group-email" class="input-group"> 
       <input id= "email-input-box" type="email" class="form-control" name = "email" placeholder="[email protected]" autocomplete="on" autofocus="autofocus" required="required"> 
       <span class="input-group-btn"> 
        <button id="submit-email-btn" class="btn btn-default" type="button" disabled>Get Notified!</button> 
       </span> 
      </div> 

     <div id="notified-alert" style="display:none; font-size: 18px;font-family: 'calibri'; color: grey; margin-top: 8px; margin-left: -50%;">We stand notified ... :)</div> 
     </div> 
     <p class="navbar-text navbar-right"> 
<span class="arrorPos">Login <i class="fa fa-play"></i></span> 
      <i class="fa fa-facebook-square fa-2x"></i> 
      <i class="fa fa-twitter-square fa-2x"></i> 
     </p> 
    </div>

источник

2014-01-17 Programming_crazy

Отрегулировать Navbar полнотекстового класса, вот обновленной скрипка http://jsfiddle.net/AA3FJ/2/

.navbar-text { 
    margin-top:5px; 
    margin-bottom:5px; 
}

Я думаю, что это то, что вы хотели сделать, по крайней мере, немного трудно понять ваш вопрос.

Edit: Хорошо, что вы хотите сделать, это добавить DIV с классом .container вокруг плавающих элементов в меню нав

<div class="navbar navbar-default navbar-fixed-top" role="navigation"> 
     <div class="container"> 
     <div class="email-input navbar-left"> 
      <div id="input-group-email" class="input-group"> 
       <input id= "email-input-box" type="email" class="form-control" name = "email" placeholder="[email protected]" autocomplete="on" autofocus="autofocus" required="required"> 
       <span class="input-group-btn"> 
        <button id="submit-email-btn" class="btn btn-default" type="button" disabled>Get Notified!</button> 
       </span> 
      </div> 

     <div id="notified-alert" style="display:none; font-size: 18px;font-family: 'calibri'; color: grey; margin-top: 8px; margin-left: -50%;">We stand notified ... :)</div> 
     </div> 
     <p class="navbar-text navbar-right"> 
<span class="arrorPos">Login <i class="fa fa-play"></i></span> 
      <i class="fa fa-facebook-square fa-2x"></i> 
      <i class="fa fa-twitter-square fa-2x"></i> 
     </p> 
      </div> 
    </div>

источник

2014-01-17 05:54:18 codeaddict

+1 для скрипки: P – Joseph

: thannks @ Джозеф, но все еще проблема смещения. Пожалуйста, смотрите здесь. Я хочу, чтобы равное + нижнее поле для окна уведомлений и значков входа. http://jsfiddle.net/karimkhan/AA3FJ/3/, пожалуйста, разверните окно, чтобы увидеть правильный просмотр вывода –

@Joseph: см. http://jsfiddle.net/karimkhan/AA3FJ/3/ –

Я не уверен, что правильно понимаю ваш вопрос. Попробуйте style="margin-bottom:5px;" Простой способ установки окна уведомлений дает постоянную ширину. <input id= "email-input-box" style="width:200px;">

источник

2014-01-17 05:46:21 Joseph

Уменьшите нижнее поле в заголовке начальной загрузки

ответ

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