Bootstrap
古雅学长
这个作者很懒,什么都没留下…
展开
-
Bootrap中设置列宽、列的拆分、列的排序和偏移、网格类的混合应用
一、设置列宽1、列宽的设置1、平均分配列 .col,.col-sm,.col-md,.col-lg,.col-xl2、指定列的宽度,.col-sm-*,.col-md-*,col-lg-*,.col-xl-* -sm-576px,-md-768px,-lg-992px,-xl-1200px3、列宽自适应内容 .clo-atuo,.col-sm-auto,.col-md-auto,.c...原创 2020-04-15 22:12:25 · 295 阅读 · 0 评论 -
JS中增加响应式的页头
一、增加响应式的页头1、设置meta属性值<!-- 设置meta属性值 --> <meta name="viewport" content="width=device=width,initial-scale=1.0,shrink-to-fit=no" /> <!-- device____当前设备的宽度 initial-scale_____当前设备的缩放比例 ...原创 2020-04-13 22:31:13 · 500 阅读 · 0 评论 -
Bootstrap环境外部及内部的引入
01、外部引入bootrap环境(这种方法必须要联网才可以使用,如果没有网络则不能使用)1.加载css文件<!-- 这种方法必须要联网才可以使用,如果没有网络则不能使用 --> <!-- 加载css文件 --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/...原创 2020-04-13 21:59:32 · 1300 阅读 · 0 评论 -
Bootstrap4的基本架构
添加链接描述转载 2020-03-03 22:52:04 · 231 阅读 · 1 评论 -
Bootstrap中的对齐、table、按钮、表单、图片、栅格系统、辅助类、导航栏的样式设置
一、Bootstrap中的对齐1、突出显示类名为lead2、高亮显示 <mark></mark>3、<del></del>删除线<s></s>4、<u></u>下划线<ins></ins>5、<p class="text-left">text-left左对齐...原创 2020-02-04 14:40:35 · 1729 阅读 · 0 评论 -
Bootrap中的栅格布局、响应式布局@media(条件){样式表}、视窗分类及调试、栅格参数
一、栅格布局1.居中显示页面内容1.居中显示页面内容容器: .container:固定宽度且居中显示的容器 .container-fulid:100%显示的容器2.把两块区域的内容显示为一行, .row:设置为一行 .col-4:占4栏栅格 .col-8:占8栏栅格-->二、响应式布局@media(条件){样式表}1、要求:网页页面背景颜色为#ccc,而当浏览器(设...原创 2020-04-14 22:24:21 · 520 阅读 · 0 评论