推荐：bootstrap4中常用的样式介绍

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

本篇文章给大家带来的内容是关于推荐：bootstrap4中常用的样式介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

背景

最近在做一些小的学习项目时，多次用到了bootstrap4，所以在这里将bootstrap进行整理，用来以后查看。（免费视频课程推荐：bootstrap教程）

bootstrap4安装

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>

display //标题类 1-4 small //小文本 <abbr> //文本底部下面一条虚线边框

颜色

text-muted 柔和 text-primary 重要 text-success 成功 text-info 提示 text-warning 警告 text-danger 危险 text-secondary 副标题 text-dark 深灰色文字 text-light 浅灰色 text-white 白色

表格

table //默认样式 table-striped //条纹表格 table-bordered //边框表格 table-hover //鼠标悬停 table-dark //黑色背景表格 table-responsive //响应式表格

图片

rounded //圆角效果 rounded-circle //椭圆效果 img-thumbnail //图片缩略图效果 img-fluid //图片响应式效果超大屏幕 jumbotron // 屏幕 jumbotron-fluid //没有圆角的全屏幕

信息提示框

alert-success //成功提示信息 alert-dismissable class="close" data-dismiss="alert" //关闭提示框

按钮

btn-primary //主要按钮 btn-secondary //次要按钮 btn-success //成功按钮 btn-info //信息按钮 btn-danger //危险 btn-outline-primary //按钮边框 btn-sm btn-lg //小大号按钮 btn-block //块级按钮 active //可用 disabled //禁用

按钮组

btn-group //按钮组 btn-group-lg

关键词：推荐：bootstrap4中常用的样式介绍