第十章之巨幕页头缩略图与警告框组件

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。下面先给大家说下学习要点。

学习要点:

1.巨幕组件

2.页头组件

3.缩略图组件

4.警告框组件

本节课我们主要学习一下 Bootstrap 的四个组件功能:巨幕组件、页头组件、缩略图组件和警告框组件。

一.巨幕组件

巨幕组件主要是展示网站的关键性区域。

rush:js;"> //在固定的范围内,有圆角
网站标题

这是一个学习性的网站!

//100%全屏,没有圆角

二.页头组件

rush:js;"> //增加一些空间

三.缩略图组件

rush:js;"> //缩略图配合响应式
//自定义内容
图文并茂

这是一个图片结合文字缩略图

图文并茂

这是一个图片结合文字的缩略图

图文并茂

这是一个图片结合文字缩略图

图文并茂

这是一个图片结合文字的缩略图

四.警告框组件

警告框组件是一组预定义消息。

rush:js;"> //基本警告框
//带关闭的警告框
dismiss="alert"> ×
//自动适配的超链接

以上内容是小编给大家介绍的BootStrap组件第十章之巨幕页头缩略图和警告框组件,希望对大家有所帮助!

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...