首页 > 代码库 > bootstrap的下载与使用

bootstrap的下载与使用

对于没有什么前端基础的人来说,想要迅速布置一个看起来不是那么丑陋的网页,我试着用了用bootstrap。

bootstrap使用很简单,他们有一些基本的css样式,基于这些能够使用他们的组件。他们有一些基本的js,基于这些就能使用他们的插件。

要做的首先就是将这些基本的css样式和js下载下来,并引入自己的项目中。bootstrap下载地址

由于bootstrap的js代码基于jquery,所以在这之前需要先引入jquery才能正常使用。jquery下载地址,具体见下图。

将这些包含css与js的文件夹放在html相同路径下。然后就是在html文件的中以如下代码引入就行了。

<head>
    <title>test</title>
    <link href = "../bootstrap/css/bootstrap.css">
</head>
<body>
    <script src="http://www.mamicode.com/jQuery/jquery-1.11.1.js"></script>
    <script src="http://www.mamicode.com/bootstrap/js/bootstrap.js"></script>
</body>

紧接着只需要到bootstrap网站上去寻找到需要的网页组件和相关的动作效果插件,copy他们的代码到代码中,改一改需要改的内容,就能直接生效了。

bootstrap的下载与使用