![](https://img-blog.csdnimg.cn/20191116211223678.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
BootStrap4
BootStrap v4.3
爱喝水的qdy
No sacrifice, No victory!
展开
-
BootStrap4工具类之Stretched-link
目录官方文档地址介绍应用于组件Card应用于媒体组件Media应用于row 与 col包含块整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/stretched-link/介绍添加.stretched-link类到链接以使其包含块整体可被点击.在大多数情况下, 包含块具有position: relative;属性, 当包含...原创 2019-12-06 22:07:14 · 1075 阅读 · 0 评论 -
BootStrap4工具类之flex布局
目录官方地址其他文档地址认识flex启用flex通用flex响应式flexflex布局方向水平垂直响应式方向调整内容x轴y轴justify-content响应式属性对齐项目x轴y轴align-items的响应式属性自身对齐x轴y轴align-self的响应式属性换行不换行换行换行反转flex-wrap的响应式属性对齐内容x轴y轴填满flex-fillflex-fill的响应式属性伸缩值flex-g...原创 2019-12-05 13:10:53 · 887 阅读 · 0 评论 -
BootStrap4工具类之间距
目录官方地址其它文档地址如何运作命名正值margin负值margin属性property边缘sides尺寸size整体代码官方地址https://getbootstrap.com/docs/4.4/utilities/spacing/其它文档地址https://getbootstrap.nethttps://getbootstrap.net/docs/utilities/spacin...原创 2019-12-04 22:01:55 · 365 阅读 · 0 评论 -
BootStrap4工具类之尺寸
目录官方文档地址其它文档地址宽度与高度宽度高度max-width 与 max-height相对于视口整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/sizing/其它文档地址https://getbootstrap.nethttps://getbootstrap.net/docs/utilities/sizing/ht...原创 2019-12-04 21:53:08 · 1613 阅读 · 0 评论 -
BootStrap4工具类之显示样式类系列
目录官方地址其他文档地址如何运作命名例子隐藏元素显示在打印中命名例子整体代码官方地址https://getbootstrap.com/docs/4.4/utilities/display/其他文档地址https://getbootstrap.nethttps://getbootstrap.net/docs/utilities/position/http://bs4.vx.l...原创 2019-12-04 21:43:47 · 489 阅读 · 0 评论 -
BootStrap4工具类之定位
目录官方地址其他文档地址通用属性固定在顶部固定在底部sticky置顶整体代码官方地址https://getbootstrap.com/docs/4.4/utilities/position/其他文档地址https://getbootstrap.nethttps://getbootstrap.net/docs/utilities/position/http://bs4.vx.li...原创 2019-12-04 21:35:29 · 2136 阅读 · 0 评论 -
BootStrap4工具类之垂直对齐
目录官方文档地址其他文档地址垂直对齐类整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/vertical-align/其他文档地址http://bs4.vx.linkhttp://bs4.vx.link/index.html?tmpui_page=/pages/utilitieshttps://v4.bootcss.co...原创 2019-12-03 14:04:29 · 534 阅读 · 0 评论 -
BootStrap4工具类之可见性
目录官方文档地址其他文档地址说明visible与invisible整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/visibility/其他文档地址http://bs4.vx.linkhttp://bs4.vx.link/index.html?tmpui_page=/pages/utilitieshttps://v4....原创 2019-12-03 14:00:09 · 389 阅读 · 0 评论 -
BootStrap4工具类之阴影效果
目录官方文档地址其他文档地址说明shadow-noneshadow-smshadowshadow-lg整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/shadows/其他文档地址http://bs4.vx.linkhttp://bs4.vx.link/index.html?tmpui_page=/pages/utilitie...原创 2019-12-03 13:56:05 · 4517 阅读 · 0 评论 -
BootStrap4工具类之屏幕阅读器
目录官方文档地址其他文档地址sr-onlysr-only-focusable整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/screen-readers/其他文档地址http://bs4.vx.linkhttp://bs4.vx.link/index.html?tmpui_page=/pages/utilitiesht...原创 2019-12-03 13:49:34 · 336 阅读 · 0 评论 -
BootStrap4工具类之内容溢出
目录官方文档地址其他文档地址overflow-autooverflow-hidden整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/overflow/其他文档地址http://bs4.vx.linkhttp://bs4.vx.link/index.html?tmpui_page=/pages/utilitieshttp...原创 2019-12-03 13:45:44 · 897 阅读 · 0 评论 -
BootStrap4工具类之响应式的嵌入内容系列
目录官方文档地址其他文档地址嵌入内容元素缩放比率用法iframeembedobjectvideo整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/embed/其他文档地址http://bs4.vx.linkhttp://bs4.vx.link/index.html?tmpui_page=/pages/utilitiesh...原创 2019-12-03 13:40:43 · 510 阅读 · 0 评论 -
BootStrap4工具类之图像替换
目录官方文档地址其他文档地址图像替换整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/image-replacement/其他文档地址http://bs4.vx.linkhttp://bs4.vx.link/index.html?tmpui_page=/pages/utilitieshttps://v4.bootcss....原创 2019-12-03 13:25:56 · 406 阅读 · 0 评论 -
BootStrap4工具系列之关闭按钮
目录官方文档地址其他中文文档地址使用整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/close-icon/其他中文文档地址https://getbootstrap.nethttps://getbootstrap.net/docs/utilities/close-icon/https://v4.bootcss.com...原创 2019-12-02 20:04:07 · 564 阅读 · 0 评论 -
BootStrap4内容系列之表格
目录官方文档地址其他中文文档地址表格基本样式带边框表格无边框表格条纹状表格鼠标悬停状态表格较小的表格响应式表格总是响应多屏幕断点响应caption表格标题表头颜色黑色背景表格为行或者单元格指定情境色整体代码官方文档地址https://getbootstrap.com/docs/4.4/content/tables/其他中文文档地址菜鸟教程https://www.runoob.com/...原创 2019-12-02 19:52:38 · 439 阅读 · 0 评论 -
BootStrap4内容系列之图文区
目录官方文档地址其他中文文档地址figure图文figcaption对齐官方文档地址https://getbootstrap.com/docs/4.4/content/figures/其他中文文档地址https://getbootstrap.nethttps://getbootstrap.net/docs/content/figures/https://v4.bootcss.c...原创 2019-12-02 19:39:40 · 344 阅读 · 0 评论 -
BootStrap4内容系列之图像排版
目录官方地址其他文档地址响应式图片图片等比例缩放缩略图对齐整体代码官方地址https://getbootstrap.com/docs/4.4/content/images/其他文档地址菜鸟教程https://www.runoob.com/bootstrap4/bootstrap4-images.htmlhttp://bs4.vx.linkhttp://bs4.vx.link...原创 2019-12-01 21:20:06 · 3191 阅读 · 0 评论 -
BootStrap4工具类之浮动系列
目录官方地址其他文档地址浮动类响应式浮动整体代码官方地址https://getbootstrap.com/docs/4.4/utilities/float/其他文档地址菜鸟教程https://www.runoob.com/bootstrap4/bootstrap4-utilities.htmlhttp://bs4.vx.linkhttp://bs4.vx.link/inde...原创 2019-12-01 21:14:52 · 807 阅读 · 0 评论 -
BootStrap4工具类之边框系列
目录官方地址其他文档地址增加减少边框颜色圆角边框整体代码官方地址https://getbootstrap.com/docs/4.4/utilities/borders/其他文档地址菜鸟教程https://www.runoob.com/bootstrap4/bootstrap4-utilities.htmlhttp://bs4.vx.linkhttp://bs4.vx.lin...原创 2019-12-01 21:08:43 · 773 阅读 · 0 评论 -
BootStrap4工具类之文字颜色
目录官方文档地址其余文档地址文本颜色链接文本颜色背景颜色背景渐变整体代码官方文档地址https://getbootstrap.com/docs/4.4/utilities/colors/其余文档地址菜鸟教程https://www.runoob.com/bootstrap4/bootstrap4-colors.htmlbs4.vx.linkhttp://bs4.vx.link...原创 2019-11-30 11:58:53 · 2502 阅读 · 0 评论 -
BootStrap4内容系列之文字排版
目录官方地址其他文档地址标题系列标题HTML元素标题类display标题类小号字体段落突出内联元素缩略语大小写转换字体系列斜体加粗系列等宽不换行和内容溢出处理不换行内容裁剪文本对齐系列响应式对齐块引用块引用对齐列表无序和无序列表list-unstyledlist-inline描述列表水平的描述列表整体代码官方地址https://getbootstrap.com/docs/4.4/content...原创 2019-11-30 11:48:31 · 1228 阅读 · 0 评论 -
BootStrap4内容系列之代码
目录官方地址其余文档地址codekbdvarsamplepre整体代码官方地址https://getbootstrap.com/docs/4.4/content/code/其余文档地址菜鸟教程https://www.runoob.com/bootstrap4/bootstrap4-colors.htmlbs4.vx.linkhttp://bs4.vx.link/pages/...原创 2019-11-30 11:23:31 · 304 阅读 · 0 评论 -
BootStrap4布局系列之媒体对象
目录官方地址菜鸟教程地址ntp.org文档地址基本结构右展示媒体内容调整HTML顺序通过order媒体内容对齐align-self-startalign-self-centeralign-self-end媒体嵌套媒体列表官方地址https://v4.bootcss.com/docs/4.3/components/media-object/菜鸟教程地址https://www.runoob.c...原创 2019-11-25 20:01:20 · 1018 阅读 · 0 评论 -
BootStrap4布局系列之栅格系统
目录文档地址设置列宽colcol-[n]col-[breakpoint]可变宽度col-autocol-[breakpoint]-auto列间无间隙混合排列列对齐水平对齐垂直对齐整体对齐单个元素对齐列嵌套列排序order-[n]order-[breakpoint]-[n]order-first & order-last列拆分自动拆分手动拆分响应式拆分列偏移响应式offset工具类margi...原创 2019-11-24 19:44:51 · 1008 阅读 · 0 评论 -
BootStrap4布局系列之布局容器
目录官方地址通用布局容器全宽布局容器响应式布局容器总览官方地址https://v4.bootcss.com/docs/4.3/layout/overview/通用布局容器.container全宽布局容器.container-fluid响应式布局容器将在v4.4版本中上线.container-sm.container-md.container-lg.containe...原创 2019-11-24 18:54:56 · 837 阅读 · 0 评论 -
BootStrap4入门之基础模板
目录官方地址纯中文文档简单模板官方地址https://v4.bootcss.com/docs/4.3/getting-started/introduction/纯中文文档http://bs4.ntp.org.cn/pages/getting_started.html简单模板<!DOCTYPE html><html lang="en"><head>...原创 2019-11-24 18:47:43 · 773 阅读 · 0 评论