Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Bootstrap 3 и навигационная паель
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Bootstrap 3 и навигационная паель

Страниц (1): [1]
 

1. Hidalgo - 17 Мая, 2016 - 08:26:18 - перейти к сообщению
Добрый день друзья.
По-быстрому сверстал шаблон для сайта, но не пойму где я ошибся.
Есть navbar
CODE (html):
скопировать код в буфер обмена
  1.  
  2.   <nav class="navbar navbar-default navbar-fixed-top">
  3.     <div class="container-fluid">
  4.       <div class="navbar-header">
  5.         <a class="navbar-brand" href="/">
  6.         <img class="img-responsive" style="margin-top: -15px;" src="/data/logo.png" alt="ВРС">
  7.        </a>
  8.         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  9.           <span class="icon-bar"></span>
  10.           <span class="icon-bar"></span>
  11.           <span class="icon-bar"></span>
  12.         </button>
  13.       </div>
  14.         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  15.         <ul class="nav navbar-nav navbar-right">
  16.         <li>
  17.           <form method="POST" action="/search" role="search" class="navbar-form navbar-left">
  18.             <div class="form-group">
  19.             <input type="text" placeholder="Поиск..." class="form-control" name="search">
  20.             <button type="submit" class="btn btn-primary">
  21.               <span class="glyphicon glyphicon-search"></span>
  22.             </button>
  23.             </div>
  24.           </form>
  25.           </li>
  26.         <li><a href="tel:+78423528488">
  27.            <span class="glyphicon glyphicon-phone-alt"></span> +7 (84235) 2-84-88</a></li>
  28.             <li class="active">
  29.             <a href="/">Главная</a>
  30.           </li>
  31.            <li >
  32.             <a href="/contacts">Контакты</a>
  33.           </li>
  34.           <li >
  35.             <a href="/content/all">Новости</a>
  36.           </li>
  37.         </ul>
  38.     </div>
  39.     </div>
  40. </nav>
  41.  


На десктопных мониторах все хорошо, а вот на маленьких, когда панель сворачивается появляется такая картина:

Нажмите для увеличения

На картинке я ошибочно вертикальную указал, а вот горизонтальной не должно быть.
Как избавиться от горизонтальной прокрутки?
2. kuller - 17 Мая, 2016 - 10:47:25 - перейти к сообщению
с помощью overflow - http://htmlbook[dot]ru/css/overflow
3. Hidalgo - 17 Мая, 2016 - 13:13:47 - перейти к сообщению
kuller пишет:
с помощью overflow - http://htmlbook.ru/css/overflow

нет, тут дело в другом. Убираю форму, все ок. Да и костыли это в моем случае.
где то ошибка в верстке. Где то я лажаю))
p.s. ошибка в форме инфа 146%, что там не так?

 

Powered by ExBB FM 1.0 RC1