摘要：
一、图片（Images） 响应式图片 图片的缩略图 对齐图片 二、代码实例 2.1 响应式图片 通过 Bootstrap 所提供的 .img-fluid 类让图片支持响应式布局。其原理是将 max-width: 100%; 和 height: auto; 赋予图片，以便随父元素一起缩放。 <img 阅读全文
摘要：
一、排版包括哪些内容 标题（Headings） 自定义标题（Customizing headings） 显示标题（Display headings） 段落突出显示（Lead） 内联文本元素（Inline text elements） 缩写（Abbreviations） 引用（Blockquotes） 阅读全文
摘要：
六、css布局（CSS Grid） 1、3列（Three columns） <div class="grid"> <div class="g-col-4">.g-col-4</div> <div class="g-col-4">.g-col-4</div> <div class="g-col-4"> 阅读全文
摘要：
五、水槽（Gutters） 1、水平水槽（Horizontal gutters） <div class="container px-4"> <div class="row gx-5"> <div class="col"> <div class="p-3 border bg-light">Custom 阅读全文
摘要：
四、列（Columns） 1、对齐（Alignment） 1.1 垂直对齐（Vertical alignment） 所有列整体垂直方向对齐方式： align-items-start 顶部对齐 align-items-center 中间对齐 align-items-end 底部对齐 <div clas 阅读全文
摘要：
三、网格系统（Grid system） 1、网格点（Grid options） 2、自动布局列（Auto-layout columns） 2.1 等宽度（Equal-width） <div class="container"> <div class="row"> <div class="col"> 阅读全文
摘要：
二、容器（Containers） 1、容器的网格对比 2、默认容器（Default container） <div class="container"> <!-- Content here --> </div> 3、响应式容器（Responsive containers） <div class="c 阅读全文