#html #css #twitter-bootstrap
#HTML #css #twitter-bootstrap
Вопрос:
Я хочу использовать CSS автозаполнения в HTML-коде… но это не работает. Я попытался извлечь код из firefox, но у меня не было дизайна в HTML-коде.
Давайте проясним вопрос:
Моя потребность: (я хочу получить тот же дизайн, что и на изображении ниже)
Изображение о том, что мне нужно
CSS-код этого изображения:
https: //github.com/hailwood/jQuery-Tagit/tree/master/css/themeroller
Tags.css
и bootstrap/bootstrap.css
Что я пробовал:
<ul class="ui-autocomplete">
<ul class="tagit ui-widget ui-widget-content">
<li class="tagit-choice ui-widget-content ui-state-default tagit-new">
<a href="#" class="ui-corner-all">
<div class="ui-widget-header">
Title <span style="font-weight:normal">(used 4 times)</span>
</div>
<div class="ui-widget-content">a description here
</div>
</a>
</li>
</ul>
</ul>
Но для моего кода дизайн не применялся! Я использовал правильные classes
и ids
.
Пожалуйста, дайте мне знать, где я допустил ошибку.
Комментарии:
1. Вы просто хотите получить стили для полей в вашем изображении? Для начала, все ваши классы являются частью пользовательского интерфейса jQuery … вы используете это где-нибудь? Эти классы (
ui-autocomplete
,ui-widget-content
etc) не являются частью Bootstrap CSS.2. Да, я хочу получить стиль полей… да, я использую jQuery UI.
3. Загрузите jQuery, а затем посмотрите на файл jquery-ui.theme.css — они все там.
4. они есть даже в bootstrap.css на github!
5. Как это выглядит прямо сейчас, если изображение соответствует вашему желаемому стилю?