Bootstrap有自己的设计

时间:2013-03-31 08:40:58

标签: twitter-bootstrap

我想在我的网站上使用Bootstrap - 尤其是我的管理员后端。我想在开始之前先问一些问题。

我如何理解Bootstrap是什么?这类似于Webdesign的工具集合,还是每个html页面的UI?我是否需要特殊的HTML结构或者我可以在自己的HTML结构中使用它吗?

对于一些好的教程和技巧以及可能的例子,我会非常高兴。

1 个答案:

答案 0 :(得分:1)

Twitter引导程序是一个有助于使您的页面更具流动性和响应性的库,它内置了CSS和javascript,可以通过包含引导类,函数来启动您的设计。

这不是一个工具,你可以下载源代码,你可以看到定义了这些类和函数的.css和.js文件。

你不需要一个特殊的HTML结构,你只需要在head标签中包含bootstrap css,因为twitter-bootstrap使用jQuery包含脚本标签中的jQuery库和bootstrap jQuery文件,并放入你的body标签中下面:

<!DOCTYPE html>
    <html>
        <head>
            <title>...</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
        </head>
        <body>
            <script src="http://code.jquery.com/jquery.js"></script>
            <script src="js/bootstrap.min.js"></script>
        </body>
 </html>

bootstrap getting started ...

开始