实战web前端之：Bootstrap框架windows下安装与使用

Bootstrap是前端开发中比较受欢迎的框架，简洁且灵活。它基于HTML、CSS和JavaScript，HTML定义页面元素，CSS定义页面布局，而JavaScript负责页面元素的响应。Bootstrap将HTML、CSS和JavaScript封装成一个个功能组件，用起来简单，粗暴,是由美国麻省理工学院的Mark Otto和Jacob Thornton合作开发。由于笔者的室友在三天半之内就学完了html5+css3+javascript+bootstrap框架，这让我感到压力巨大。尤其是这几天课程比较多，又不敢逃课，

学习真正的知识进度缓慢。所以笔者也开始进入了Bootstrap领域进行研究。

1.登录Bootstrap官网

点击Download.

2.下载Bootstrap

Download Bootstrap：下载预编译和压缩版Bootstrap（不含文档和源码）。

Download code：Bootstrap源码，如官网介绍，需要编译Less文件和一些安装。

刚接触Bootstrap的话建议下载第一个，下载下来直接用。

使用Bootstrap进行前端开发
开发环境：WAMP（windows下的Apache + MySQL + PHP）

编辑器：DW

Step 1: 将下载下来的压缩包解压，将里面的css,和js文件夹放到你的工程目录中(即您wamp下的网站根目录了)。在工程根目录中新建了一个”index.html”，用来测试Bootstrap。

Step 2: 编辑”index.html”，使用Bootstrap封装的功能部件。

编写代码：

<!DOCTYPE html>

<html>

<head>

<title>在线尝试 Bootstrap 实例</title>

</head>

<body>

<h1>Hello, world!</h1>

</body>

</html>

Step 3: 在浏览器中打开我们编写好的”index.html”查看。

如果发现有大写的Hello,world!则说明您的Bootstrap安装成功了！

秒客网

实战web前端之：Bootstrap框架windows下安装与使用

相关文章