![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
文章平均质量分 86
du_独孤九剑
这个作者很懒,什么都没留下…
展开
-
bootstrap(二)
文件和目录 栅格系统 Bootsrap4.x 的栅格系统是一个以移动端为优的网格系统 基于12列的布局 5种响应式尺寸 (面向不同屏幕设备) 完全使用flexbox 流式布局构建 完全支持响应式标准 具体采用div容器 列和行对齐内容来构建响应式布局 boostrap4.x 提供了 .container 和 congtainer-fiuld两种布局 这两种样式是启用布局栅格系统最基本要素 容器布局可以嵌套 但一般不推荐这么使用 自适应对应的响应式方式如下media 内容排版 使用 h1-h6 可原创 2021-07-06 20:28:38 · 164 阅读 · 0 评论 -
bootstap工具类 公共样式
公共样式排版(一) 使用.close和×构建一个关闭的按钮 <button class="close"><span >×</span></button> 使用.float-left .float-tight .float-none 实现浮动效果 使用.clear-fix给浮动的区域的父元素添加 实现清理浮动的功能 使用 float-*-left 等来实现不同屏幕的浮动效果 使用text-hide来隐藏元素标签内容 但本身还存在保持原创 2021-07-06 15:46:38 · 86 阅读 · 0 评论