layout: post
title: JavaEE学习日记_BootStrap
subtitle: BootStrap
date: 2018-01-23
author: ZL
header-img: img/20180123.jpg
catalog: true
tags:
- BootStrap
- JavaEE
BootStrap
什么是BootStrap
一个前端的框架,三大部分:
全局CSS样式、组件、JavaScript插件
导包:
![6262743-87ca3bea95b6d392.png](https://img-blog.csdnimg.cn/img_convert/f50aadc776731b8cefc2ff6fbfd61c46.png)
导包
Bootstrap 包的内容
- 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。
- CSS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。
- 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。
- JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。
- 定制:您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。
全局css样式
![6262743-1561adccef0a121b.png](https://img-blog.csdnimg.cn/img_convert/87d69d2ae0f64b651d5239d02ac964a6.png)
css样式
组件
![6262743-6bbb7f7c18a1bc55.png](https://img-blog.csdnimg.cn/img_convert/455093f47aeda5dbc043af9a1522494b.png)
组件
JavaScript插件
![6262743-4acdd9f220896e2e.png](https://img-blog.csdnimg.cn/img_convert/1b1a7fd5d8677b41eafb722b12042cb3.png)
JavaScript插件