摘要：
一．下拉菜单 1. 下拉菜单组件依赖于 Popper.js，而 Bootstrap 组件包里没有这个文件；2. 但组件包里 bootstrap.bundle.js 已经包含了这个组件功能，使用这个即可；3. 只要将将 bootstrap.bundle.js 替代掉 bootstrap.js 即可；4 阅读全文
摘要：
卡片1. 卡片是一个内容扩展管理器，可以包含图片、列表、文本、链接等多种组合；2. 先使用.card 来构建卡片，然后可以使用.card-body 建立卡片主体内容；<div class="card" style="width: 300px;"> <div class="card-body"> 卡片 阅读全文
摘要：
内容选自李炎恢的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: 阅读全文