Bootstrap Dropdown не имеет стиля

Question

Bootstrap Dropdown не имеет стиля

0

Я работаю в шаблоне с бутстрапом 3, выпадающее меню выглядит очень сложным, и я не понимаю.

        <div class="dropdown">
      <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
        Dropdown
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
        <li role="presentation" class="divider"></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
      </ul>
    </div>

Это мой код, который я копирую с http://prntscr.com/2g8507. Мой браузер пуст и не знает почему. 0 ошибок в элементе проверки. Файл CSS подключен, а также js.

Dunder 03 янв. 2014, в 21:27

Источник

0

уточните "мой браузер пуст" и, возможно, опубликуйте jsfiddle
Robert Levy 03 янв. 2014, в 20:21
0

с "браузером пусто" я имел ввиду, что там нет выпадающего списка ... jsfiddle.net/35tuN
Dunder 03 янв. 2014, в 20:26
0

то есть "не в стиле" не пусто
Robert Levy 03 янв. 2014, в 20:51

Показать ещё 1 комментарий

Теги:

html

css

twitter-bootstrap-3

4 ответа

0

Если вы удалите класс sr-only вы увидите его. sr-only устанавливает высоту/ширину в 1px и делает действительно странную скрытую активность.

Teagan Atwater 05 июнь 2014, в 13:50

0

Это похоже на проблему, с которой я столкнулся, когда забыл включить JQuery перед загрузкой bootstrap.js

Включен ли JQuery? Загружается ли он перед загрузкой?

Sophie Déziel 03 янв. 2014, в 19:30

0

Прежде всего, вы не загрузили бутстрап, чтобы он не выглядел красивым. Он не отображается красиво, но я не уверен, что вы подразумеваете под "браузером пустым"... Похоже на меня:

hkk 03 янв. 2014, в 17:44

Ещё вопросы

уточните "мой браузер пуст" и, возможно, опубликуйте jsfiddle
с "браузером пусто" я имел ввиду, что там нет выпадающего списка ... jsfiddle.net/35tuN

dzeki · Accepted Answer · 2014-01-03T19-07-00.000Z

Включите css и js файл, а затем вы должны использовать правильную структуру.

Демо: http://jsfiddle.net/Rj8Nd/3/

  <ul class="nav nav-pills">
    <li class="dropdown">
      <a id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
      <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
        <li role="presentation" class="divider"></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
      </ul>
    </li>
  </ul>

Также будьте осторожны, чтобы включить jquery перед bootstrap.js на ваш сайт.