李诺轩的博客

文章目录一、下拉菜单构成一：容器构成二：按钮btn类元素构成三：下拉菜单二、按钮菜单1.单按钮下拉菜单：2.分裂按钮式菜单：3.上弹式按钮菜单：三、标签页1.普通标签页2.胶囊式标签页3.导航栏排列方向4.带下拉的标签页、带下拉的胶囊式标签页四、导航条1.组成2.自适应主体：3.固定导航栏：4.导航栏颜色：一、下拉菜单构成一：容器​ 向上容器 - div.class = dropdown​...

文章目录一、图标字体二、按钮组1.按钮组：2.按钮工具栏：3.按钮组和下拉菜单嵌套4.按钮组排列方式二、输入框组1.普通式组合：2.按钮式组合：三、列表组1.用于有序或者无序标签展示2.用于普通div进行链接条目3.item的背景颜色3.item内的样式3.组合框尺寸：四、分页1.默认分页：2.单上下页：3.分页状态：4.分页尺寸：一、图标字体1.使用规则：span.class=glyphic...

一、辅助型组件1.小标签：span.label颜色：1. label-info2. label-success3. label-default4. label-primary5. label-warning6. label-danger2.小徽章：span.badge3.巨型幕：.container>.jumbotron4.页头线：.page-header5.警告框...

文章目录一、列表元素二、表格元素三、表单元素一、列表元素1.无序列表：ul>li2.有序列表：ol>li3.内联列表：ul.list-inline>li解释：添加 list-inline 属性即可使列表达到 == display：inline-block的效果。3.自定义列表：dl>dt+dd样式: .dl-horizontal可以使标题和描述排在一行。...

文章目录一、常用的排版元素1、基本样式二、按钮元素1.可作为按钮的标签或者元素：2.按钮样式3.按钮尺寸4.按钮状态三、图片元素1、响应式图片2、图片样式四、辅助类1、文本、链接情景色2、背景色3、快速浮动、清除浮动、内容居中、隐藏显示4、特殊符号一、常用的排版元素1、基本样式标题元素：h1~h6小型标题：small | .small段落突出：.lead高亮显示：ma...

文章目录一、布局容器1.`.container`：15px拥有内外边距的父容器。2.`.container-fluid`：充满全屏的容器。二、栅格系统1、`.row`：定义行，一行默认12列。2、清除浮动：`.clearfix`3、列偏移：`.col-md-offset-*`，4、嵌套列：5、列排序：`.col-md-push-*` 和 `.col-md-pull-*`6、列显示和列隐藏一、布局...

文章目录一、起步1、下载2、版本3、文件引用二、入门准备1.文档类型：声明为html5类型2.兼容移动设备真实宽度3.媒体查询方式一、起步1、下载2、版本不带源码版本的Boostrap。带源码版本用于学习的版本。3、文件引用<!-- 新 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="css/boo...

文章目录一、浮动+百分比布局总结起来就一句话二、Flex布局一、主要介绍二、属性总结表三、父容器属性详解1、`flex-direction`：控制子元素的水平方向的排列方式。2、`flex-wrap`：表示设置子元素是否换行。3、`flex-flow`：是以上两个属性的简写形式。4、`justify-content`：控制子元素的水平对齐方向。5、`align-items`：控制子元素的垂直对齐方...