随笔分类 - BootStrap
摘要:【徽章】主要用于突出显示新的或未读的项
阅读全文
摘要:下拉、上拉菜单需要引入jquery版本不低于3.2,且还要引入popper.min.js文件,两个文件的CDN引用如下: 下拉菜单示例: 按钮下拉示例: 按钮组下拉示例: 上拉菜单用法和下拉相同,只要将下拉菜单包含在一个类名为: dropup 的容器内就可以实现上拉菜单功能。不过位于页面顶部是无法向
阅读全文
摘要:按钮样式 .btn 按钮基类 .btn-{primary | secondary | success | info | warining | danger | dark | light | link } 各种类型按钮样式 .active 按钮激活状态样式 .disabled 按钮禁用状态样式 .bt
阅读全文
摘要:.d-none 在较小屏幕下隐藏 .d-{sm | md | lg | xl}-none 在指定屏幕大小下隐藏 .d-block 在较小屏幕下显示 .d-{sm | md | lg | xl}-block 在指定屏幕大小下显示
阅读全文
摘要:设置提示框在关闭时的淡出和淡入效果,要求二个同时调用,示例: <div class="alert alert-success fade show"> <button class="close" data-dismiss="alert">×</button> </div> 提示框内带链接样
阅读全文
摘要:.container 居中容器类,最大宽度默认为1200px。左右间隙15px .container-fluid 全屏容器类。 .jumbotron 创建一个大的灰色的圆角背景框 .jumbotron-fluid 创建全屏的没有圆角的背景框
阅读全文
摘要:.rounded 图片显示圆角效果 .rounded-circle 设置椭圆形图片 .img-thumbnail 设置图片缩略图(图片有边框) .img-fluid 响应式图片 .float-right 图片右对齐 .float-left 图片左对齐
阅读全文
摘要:【表格标签】 <table> 定义一个表格 <thead> 表格表头 <tbody> 表格主体内容 <tr> 行 <th> 表头列 <td> 单元格 <caption> 表格标题 【table样式】 .table 基类,以下样式均应用于<table... .table-striped 定义条纹表格,
阅读全文
摘要:.bg-primary 重要的背景颜色 .bg-success 执行成功背景颜色 .bg-info 信息提示背景颜色 .bg-warning 警告背景颜色 .bg-danger 危险背景颜色 .bg-secondary 副标题背景颜色 .bg-dark 深灰背景颜色 .bg-light 浅灰背景颜色
阅读全文
摘要:引用标签,可结合.blockquote 类,及footer标签、blockquote-footer 示例:<blockquote class="blockquote">内容 <footer class="blockquote-footer">脚底</footer> </blockquote>
阅读全文
摘要:代码一:在所有尺寸屏幕下,均分三列 代码二:在所有尺寸屏幕下,第一列占据50%,第二列占据25%,第三列占据25% 代码三:在屏幕宽度>=960像素时,第一列占据50%,第二列占据10%,第三列占据25%,小于960像素的屏幕下,每列占据100%宽度 代码四:列1在所有屏幕尺寸下均向右偏移1个单元列
阅读全文

浙公网安备 33010602011771号