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不起作用

回答

相关问题