Загрузочный CSS + jQuery для Twitter
-
27-10-2019 - |
Вопрос
Я только что открыл для себя twitter-boostrap
https://github.com/twbs/bootstrap
и мне интересно, есть ли с ним библиотека jquery.
Для всплывающих окон, модальных окон, подсказок, предупреждений, вкладок ...
или, например, используйте это как тему jquery-ui!
кто-нибудь знает?
Решение
Имеется Jquery UI Bootstrap: https://github.com/jquery-ui-bootstrap / jquery-ui-bootstrap
Это порт Bootstrap для пользовательского интерфейса jQuery.
Другие советы
Я знаю, что разработчики Twitter CSS Bootstrap работают над полным набором плагинов jQuery для поддержки фреймворка (pils, tabs и т. д.)
Они должны быть выпущены в ближайшее время, но вы уже можете найти их здесь, в бета-версии 1.3 https://github.com/twitter/bootstrap/tree/1.3-wip
Загляните в папку с документами, и вы найдете javascript.
Удачи!
<▪Обновить Версия 2.0 Twitter Bootstrap была выпущена с гораздо большим количеством функций и примеров js. Twitter Bootstrap 2.0
Twitter предоставляет инструкции по использованию Javascript с Bootstrap по адресу http://twitter.github.com/bootstrap/#javascript .
Подробную документацию можно найти по адресу http://twitter.github.com/bootstrap/javascript.html .
Я считаю, что это не проблема Bootstrap 2.0.Они предлагают версии самых популярных плагинов jQuery в стиле начальной загрузки, включая все, что есть в OP.
Также существует тема начальной загрузки для проекта jQuery UI, упомянутая другими, которая не имеет для меня смысла с Bootstrap 2.0.Нет смысла продолжать использовать jQuery UI, если вы идете по маршруту начальной загрузки.
Кроме того, к вашему сведению, многие плагины jQuery «независимого» типа можно легко использовать с Bootstrap.Я использую элемент управления множественным выбором Chosen и некоторые из различных плагинов тегов с сайтом начальной загрузки, и он отлично работает.Я объединяю CSS в один файл, переделываю их, чтобы они выглядели как бутстрап, и все в порядке.
Я просто знаю https://github.com/pthrasher/jquery.bootstrapPopover Все остальное достаточно легко написать самостоятельно.
Почему бы вам не перейти к их руководству здесь ,
щелкните правой кнопкой мыши модальное окно и выберите inspect element
,
скопируйте весь код генерирующего тега, где написано
div
и вставьте их css ??Этого будет достаточно, чтобы начать работу с модальными окнами ..
Если вы хотите, чтобы типси и другие интересные вещи работали, вы можете загрузить и проверить код javascript <div class="modal" ....
, который также поставляется с этой страницей :)
Если вы не хотите менять цвета где бы то ни было, вы должны найти все настройки цвета в application.js
внутри папки / lib ...
Однако некоторые цвета, такие как границы текстового поля / текстового поля, жестко закодированы в файлах, таких как preboot.less
,
если вам нужна помощь в их изменении, вы можете спросить еще раз ...
У Райана Бейтса есть отличное руководство здесь http://railscasts.com/episodes/328-twitter-bootstrap-basics Он основан на рельсах, но я думаю, что независимо от языка программирования, он даст вам хороший обзор twitstrap!