Bootstrap3: раскрывающееся меню

Я делаю сайт с помощью Bootstrap 3.0.0 Все в порядке, за исключением того, что выпадающее меню не работает. В заголовке файла я делаю это объявление:Bootstrap3: раскрывающееся меню

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet"> 

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" /> 

<link href="http://fonts.googleapis.com/css?family=Abel|Open+Sans:400,600" rel="stylesheet" /> 

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/dropdown.js"></script>

Что-то не хватает там?

HTML, должно быть правильным:

<li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown-example<span class="caret"></span></a> 
     <ul class="dropdown-menu"> 
      <li><a href="#link-1">link 1</a></li> 
      <li><a href="#link-2">link 2</a></li> 
      <li><a href="#link-3">link 3</a></li> 
      <li><a href="#link-4">link 3</a></li> 
     </ul> 
     </li>

Кто-нибудь знает, как это сделать?

источник

2013-09-05 johnnyfittizio

Не могли бы вы создать http://jsfiddle.net/ этого? Это поможет решить вашу проблему. – Termato

Я не уверен, но это скрипты должны быть включены, вероятно, в конце документа HTML

<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/dropdown.js"></script>

ли вы включить JQuery тоже? От этого зависят плагины Bootstrap.

источник

2013-09-05 10:13:21 jarasss

Спасибо за ответ. Я добавил jquery.js, но, к сожалению, пока не работает – johnnyfittizio

Я считаю, что это из-за заказа на импорт библиотеки ... Не могли бы вы опубликовать весь код с помощью pastebin или http://jsfiddle.net/? – jarasss

Хорошо, спасибо. Css, который я взял из bootstraptor, и является витриной многих возможностей Bootstrap 3. Все работает отлично, кроме выпадающего списка. Также для другого проекта мне нужно выпадающее меню и не работает. Я не понимая, что я скучаю, чтобы сделать его работу ... Здесь я поставил код: http://paste.laravel.com/OmT – johnnyfittizio

Ссылка на ваш внешний файл javascript jquery.js до Bootstrap.js.

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/dropdown.js"></script>

Вам необходимо загрузить JQuery перед тем использовать его.

источник

2013-09-05 12:44:34 jporcenaluk

Теперь, когда я нажимаю он появляется желтый прямоугольник вокруг коробки, до нет. Но все же не отображается раскрывающееся меню – johnnyfittizio

Закройте тег, где вы указали ссылку на bootstrap.css. «/» До последней угловой скобки отсутствует в коде в вашем вопросе. <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.css" rel="stylesheet" />

источник

2013-11-24 16:53:50 fixxxer

Bootstrap3: раскрывающееся меню

ответ

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