использование автозаполнения css в HTML-коде (для моего примера дизайн не применен)

#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. Как это выглядит прямо сейчас, если изображение соответствует вашему желаемому стилю?