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

如果您希望輸入看起來像引導程序輸入，請將其更改爲..''' – ZimSystem

Twitter Bootstrap，當我點擊文本輸入時在輸入 –

默認情況下，引導程序不在控件上應用類。您需要將該類指定給input控件以查看效果。

使用class="form-control"與輸入控件這樣

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

來源

2014-01-16 19:43:44 Sachin

謝謝Sachin，它在添加class ='form-control' –

嘗試移動爲jQuery和自舉兩個腳本標記成頭部分。或者如果你不想要它，可以嘗試將它放在你的內容之前。

來源

2014-01-16 19:43:33

Twitter Bootstrap不起作用

回答

相關問題