За последние 24 часа нас посетили 17663 программиста и 1627 роботов. Сейчас ищут 1152 программиста ...

bootstrap исчезает меню

Тема в разделе "HTML и CSS", создана пользователем VaneS, 19 фев 2015.

  1. VaneS

    VaneS Активный пользователь

    С нами с:
    16 ноя 2011
    Сообщения:
    636
    Симпатии:
    4
    Адрес:
    Россия
    Здравствуйте,пытаюсь сделать дизайн на bootstrap. Вроде все хорошо, но почему то когда сжимаешь окно, это меню исчезает вообще, а должно превращаться как для мобильной версии.
    Вот весь мой код:
    Код (PHP):
    1. <!doctype html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. <title>Документ без названия</title>
    6. <link href="dist/css/bootstrap.css" rel="stylesheet" type="text/css">
    7. <link href="dist/css/bootstrap-theme.css" rel="stylesheet" type="text/css">
    8. <link href="css/style.css" rel="stylesheet" type="text/css">
    9. </head>
    10. <body>
    11.  
    12. <div class="container">
    13.  
    14.       
    15.       <div class="navbar navbar-collapse" role="navigation">
    16.         <div class="container-fluid">
    17.           <div class="navbar-header">
    18.             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    19.               <span class="sr-only">Toggle navigation</span>
    20.               <span class="icon-bar"></span>
    21.               <span class="icon-bar"></span>
    22.               <span class="icon-bar"></span>
    23.             </button>
    24.          
    25.           <div class="navbar-collapse collapse">
    26.             <ul class="nav navbar-nav">
    27.               <li>[url="#"]Главная[/url]</li>
    28.               <li>[url="#"]Помощь[/url]</li>
    29.               <li>[url="#"]Новости[/url]</li>
    30.               <li>[url="#"]Дети[/url]</li>
    31.               <li>[url="#"]Наши программы[/url]</li>
    32.               <li>[url="#"]Отчеты[/url]</li>
    33.             </ul>
    34.            
    35.  
    36.           </div>
    37.         </div>
    38.       </div>
    39.  
    40.       
    41.       
    42.  
    43.     </div>
    44.  
    45.  
    46. <script type="text/javascript" src="js/jquery-2.1.3.js"></script>
    47. <script type="text/javascript" src="dist/js/bootstrap.js"></script>
    48. </body>
    49. </html>
    В чем может быть проблема не могу понять.
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    А где посмотреть работающий вариант? Выложи например на http://jsfiddle.net/
     
  3. rewuxiin

    rewuxiin Активный пользователь

    С нами с:
    17 апр 2012
    Сообщения:
    611
    Симпатии:
    87
    откуда это?
    в доках бутстрапа вот так -
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="true" aria-controls="navbar">