Twitter Bootstrap не работает

Привет ~ Я пытаюсь внедрить Twitter Bootstrap, но он не работает! Я загрузил последнюю версию Twitter Bootstrap (Bootstrap v3.0.3), JQuery (jquery-1.10.2.js). Моя папкаTwitter Bootstrap не работает

bootstrap/ 
|---index.html 
├── css/ 
│ ├── bootstrap.css 
│ ├── bootstrap.min.css 
│ ├── bootstrap-theme.css 
│ └── bootstrap-theme.min.css 
├── js/ 
│ ├── bootstrap.js 
│ ├── jquery-1.10.2.js 
│ └── bootstrap.min.js 
└── fonts/ 
    ├── glyphicons-halflings-regular.eot 
    ├── glyphicons-halflings-regular.svg 
    ├── glyphicons-halflings-regular.ttf 
    └── glyphicons-halflings-regular.woff

Это index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Bootstrap</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <!-- Bootstrap --> 
    <link href="css/bootstrap.css" rel="stylesheet"> 

    </head> 
    <body> 
    <h1>Hello, world!</h1> 

    <input type='text' name='text'> 

    <script src="js/jquery-1.10.2.js"></script> 
    <script src="js/bootstrap.js"></script> 

    </body> 
</html>

enter image description here

источник

2014-01-16 Umidjon Urunov

* Что * не работает? – 412

Если вы ожидаете, что ввод будет выглядеть как вход в Bootstrap, измените его на .. '' – ZimSystem

Twitter Bootstrap, когда я нажимаю на ввод текста не показывает синий свет вокруг ввода –

Bootstrap не применяет класс по элементам управления по умолчанию. Чтобы увидеть эффект, вам необходимо присвоить классу элемент управления input.

Использование class="form-control" с входом управления, как этот

<input type='text' name='text' class="form-control">

источник

2014-01-16 19:43:44 Sachin

Спасибо Sachin, он работает после добавления класса = 'form-control' –

Попробуйте переместить два тега сценария для JQuery и boostrap в головной части. Или, если вы не хотите этого в голове, попробуйте поместить его перед своим контентом.

источник

2014-01-16 19:43:33

Twitter Bootstrap не работает

ответ

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