Bootstrap

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。
Bootstrap4 徽章(Badges)|极客教程

Bootstrap4 徽章(Badges)

obama阅读(96)评论(0)赞(1)

Bootstrap4 徽章(Badges),本章介绍了如何创建徽章,徽章可以根据父元素的大小变化而变化,同时也介绍了颜色徽章,药丸形状徽章和元素内徽章。 创建徽章 使用徽章,只需要将 .badge 类加上带有指定意义的颜色类 (如 .bad...

Bootstrap4 边框|极客教程

Bootstrap4 边框

obama阅读(89)评论(0)赞(1)

Bootstrap4 边框,本章介绍如何添加和移除边框,设置边框颜色,以及添加圆角边框。 创建边框 使用 border 类可以添加或移除边框: <p>使用 border 类添加或移除边框:</p> <span ...

Bootstrap4 提示框|极客教程

Bootstrap4 提示框

obama阅读(67)评论(0)赞(0)

Bootstrap4 提示框,本章介绍如何创建提示筐,指定提示筐显示内容,以及更改提示框显示的方向。 创建提示框 通过添加属性data-toggle="tooltip"来创建提示框 title属性为提示筐的显示内容 <h3>我的...

Bootstrap4 表单|极客教程

Bootstrap4 表单

obama阅读(95)评论(0)赞(1)

Bootstrap4 表单,本章介绍了创建表单的步骤,表单元素,以及Bootstrap4支持的两种表单类型:堆叠表单、内联表单。 创建表单的步骤如下: 添加<from>标签 添加表单元素<input>, <te...

Bootstrap4 列表|极客教程

Bootstrap4 列表

obama阅读(83)评论(0)赞(1)

Bootstrap4 列表,本章介绍如何创建简单列表,激活状态列表,禁用状态列表,链接状态列表,以及颜色列表。 创建简单列表的步骤如下: 在 <ul> 元素上添加 .list-group 类 在 <li> 元素上添加...

Bootstrap4 进度条|极客教程

Bootstrap4 进度条

obama阅读(85)评论(0)赞(1)

Bootstrap4 进度条,本章介绍Bootstrap4如何创建一个进度条,设置进度条标签和进度条高度,调整进度条颜色,以及创建条纹进度条和动画进度条。 创建简单进度条的步骤如下: 添加一个 .progress 类的 <div>...

Bootstrap4 按钮|极客教程

Bootstrap4 按钮

obama阅读(87)评论(0)赞(1)

Bootstrap4 按钮,本文介绍了Bootstrap4支持的按钮类型,包括:不同样式按钮、边框按钮、不同大小的按钮、块状按钮、激活和禁用按钮。不同的按钮可以由不同的class来区分。 不同样式按钮 Bootstrap 4 提供了不同样式...

Bootstrap4 图像|极客教程

Bootstrap4 图像

obama阅读(88)评论(0)赞(0)

Bootstrap4 图像,本章介绍Bootstrap4常使用的集中图片效果,如:圆角图片、椭圆图片、缩略图、图片对齐、响应式图片,不同的图片效果由不同的class来标识。 圆角图片 .rounded 类可以让图片显示圆角效果: <i...

Bootstrap4 颜色|极客教程

Bootstrap4 颜色

obama阅读(72)评论(0)赞(1)

Bootstrap4 颜色,Bootstrap 4 提供了一些有代表意义的颜色类,包括文本颜色类和背景颜色类。 文本颜色 Bootstrap4提供文本颜色的类有:.text-muted, .text-primary, .text-succe...

Bootstrap4 表格|极客教程

Bootstrap4 表格

obama阅读(78)评论(0)赞(1)

Bootstrap4 表格,Bootstrap4 通过.table类来设置基础表格的样式,本文列举了条纹表格、边框表格、鼠标悬停状态表格、黑色背景表格、黑色条纹表格、指定颜色表格等。 条纹表格 通过添加 .table-striped 类,您...

Bootstrap

赞助商