随笔分类 -  bootstrap

前端框架 - bootstrap 学完变漂亮!
摘要:排版 Bootstrap 排版的文档和示例,包括全局设置、标题、正文、列表等。 标题 使用<h1>~</h6>可以创建不同尺寸的标题文字 【普通H5】 如果是使用其它元素标签,比如<p>或<div>,调用.h1~6同样实现大标题;【框架实现 】 例如: <h1>学习中收获,收获中感恩!</h1> < 阅读全文
posted @ 2021-06-08 14:15 咸瑜 阅读(168) 评论(0) 推荐(0) 编辑
摘要:看图: 看例子: 注释有些是这里没得 认真看注释即可! <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https: 阅读全文
posted @ 2021-06-06 13:53 咸瑜 阅读(310) 评论(0) 推荐(0) 编辑
摘要:我们或多或少都可以在自适应页面用到,而且非常方便,实现某个元素只在PC显示 而且 其他...显和隐藏: 要隐藏的元素,只需要对任何响应屏幕变化使用.d-none这个class即可 语法: .d-{sm,md,lg,xl}-none 要给给定的屏幕尺寸隔上显示元素,可以将一个.d-*-none类 与 阅读全文
posted @ 2021-06-06 11:31 咸瑜 阅读(948) 评论(0) 推荐(0) 编辑
摘要:网格系统的优先级 下表总结了 Bootstrap 网格系统如何在不同设备上工作的: 超小设备<576px平板≥576px桌面显示器≥768px大桌面显示器≥992px超大桌面显示器≥1200px 容器最大宽度 None (auto) 540px 720px 960px 1140px 类前缀 .col 阅读全文
posted @ 2021-06-05 21:19 咸瑜 阅读(94) 评论(0) 推荐(0) 编辑
摘要:我在学4以上的版本的bootstrap 所以: 1.布局系统: 容器类 Bootstrap 4 需要一个容器元素来包裹网站的内容。 我们可以使用以下两个容器类: .container 类用于固定宽度并支持响应式布局的容器。 .container-fluid 类用于 100% 宽度,占据全部视口(vi 阅读全文
posted @ 2021-06-05 20:26 咸瑜 阅读(356) 评论(0) 推荐(0) 编辑
摘要:BootStrapt今天开始学 BootStrapt : Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 为什么使用 Bootstrap? 移动设备优先:自 Bootstrap 3 起,框架包含了贯穿 阅读全文
posted @ 2021-06-05 16:39 咸瑜 阅读(146) 评论(0) 推荐(0) 编辑