摘要:
内容选自李炎恢的Bootstrap v4.x教程笔记 一.按钮样式 1. 使用.btn 和.btn-*实现按钮的预设样式; <button type="button" class="btn btn-primary">Bootstrap4.x</button> <button type="button 阅读全文
摘要:
内容选自李炎恢的Bootstrap v4.x教程笔记 一.徽章样式 1. 使用.badge 设置徽章基础样式,并使用.badge-success 等设置徽章颜色; <h1>Bootstrap <span class="badge badge-secondary">4.x</span></h1> <h 阅读全文
摘要:
内容选自李炎恢的Bootstrap v4.x教程笔记 一.警告框样式 1. 使用.alert 设置警告框基础样式,并使用.alert-success 设置警告框颜色; <div class="alert alert-success">Bootstrap4.x</div> <div class="al 阅读全文
摘要:
内容选自李炎恢的Bootstrap v4.x教程笔记 一.Flex 样式 1. 使用.d-flex 和.d-inline-flex 实现开启 flex 布局样式; <div class="d-flex">Flex 弹性布局</div> 2. 这一对样式,也支持响应式的媒体查询:.d-*-flex;3 阅读全文
摘要:
公共样式1. 使用.close 和× 构建一个关闭按钮; <button type="button" class="close" aria-label="关闭"> <span aria-hidden="true">×</span> </button> 2. 使用.clearfi 阅读全文
摘要:
一.边框样式 1. 使用.border 给元素增加相应的边框,默认是淡灰色;2. 如果颜色太淡,可以使用.border-*设置想要的场景,比如.border-success;3. .border-*,包含:primary、secondary、success、danger、warning、info、l 阅读全文
摘要:
一.表格样式 1. 使用.table 给表格设置一个基类,这是表格的基本样式; <table class="table"> <thead> <tr> <th>ID</th> <th>姓名</th> <th>性别</th> <th>总成绩</th> </tr> </thead> <tbody> <tr 阅读全文
摘要:
一.代码样式 1. 使用<code>标签元素,可以将编程代码放入其中,但还是要手动转义特殊符号; <code> <div> </code> 2. 使用<pre>标签元素,配合<code>实现代码块的效果; <pre class="pre-scrollable" style="width: 阅读全文