目录:

• 一.Bootstrap的作用

• 二.Bootstrap的特点

• 三.Bootstrap的使用方法

-------------------------------------------------------------------------------------

一.Bootstrap的作用:

Bootstrap是用于网站开发的开源前端框架,包括HTML、CSS及JavaScript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展,使动态网页和Web应用的开发更加容易,并且大大节省了编码的时间!

-------------------------------------------------------------------------------------

二.Bootstrap的特点:

1.响应式布局:

• 动态根据当前屏幕的宽度，自动改变页面中盒子的宽度、盒子的显示或隐藏。
• 对于不同设备只需要开发一套网页即可
• 一套网页可以适配多个终端

2.Bootstrap组件:

• 优点:可以调用Bootstrap组件建立页面,使用方便.
• 常用的组件：下拉菜单、输入框、导航、导航条、轮播图、jquery插件、媒体对象、列表组、Icon图标、分页导航等.

有时候我们的需求不一样,自带固定样式满足不了需求,但是大体框架还是可以使用的,所以我们只需要把里面的某个样式改成需求的样式即可,比从头写到尾要省时很多!

列举简单的例子:

导航条or效果图

栅格系统or效果图

-------------------------------------------------------------------------------------

三.Bootstrap的使用方法:

Bootstrap使用步骤：

1. 创建文件夹；
2. 创建html骨架结构；
3. 引入相关样式文件；
4. 书写内容

因为bootstrap是一个插件，所以需要把它下载下来才能使用

先正常搭建一个html页面，然后再选中“基础模板”中的所需代码，复制到你自己搭建的html页面中.

引入相关样式文件

正常输入内容，如果发现内容没有了浏览器默认的内外边距，则证明css文件引入成功。