43前端基础 - Bootstrap简介

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_20042935/article/details/88743755

Bootstrap简介

简介

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

优势

  • 移动设备优先: 自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式
  • 浏览器支持: 所有的主流浏览器都支持 Bootstrap
  • 响应式设计: Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机

组成部分:

  1. 全局css 设置全局 CSS 样式;基本的 HTML 元素均可以通过 class 设置样式并得到增强效果;还有先进的栅格系统。
  2. 组件 无数可复用的组件,包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。
  3. js插件 jQuery 插件为 Bootstrap 的组件赋予了“生命”。可以简单地一次性引入所有插件,或者逐个引入到你的页面中。

使用步骤

  1. 导入jquery-1.11.0.min.js文件
  2. 导入bootstrap.css文件
  3. 导入bootstrap.js文件
  4. 创建视口 < meta name=“viewport” content=“width=device-width, initial-scale=1”>
  5. 创建布局容器
< div class="container">
			  .......
< /div>

< div class="container-fluid">
		  	  .....
< /div>

学习链接

Bootstrap学习链接

里面有很多适合初学者学习的资料,如下图:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_20042935/article/details/88743755