加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Bootstrap笔记

发布时间:2020-12-17 20:55:11 所属栏目:安全 来源:网络整理
导读:.navbar――设置nav元素为导航条组件;//已用 .navbar-default――指定导航条组件为默认主题;//已用 .navbar-inverse――指定导航条组件为黑色主题; .navbar-fixed-top――设置导航条组件固定在顶部;//已用 .navbar-fixed-bottom――设置导航条组件固定在

.navbar――设置nav元素为导航条组件;//已用


.navbar-default――指定导航条组件为默认主题;//已用


.navbar-inverse――指定导航条组件为黑色主题;


.navbar-fixed-top――设置导航条组件固定在顶部;//已用


.navbar-fixed-bottom――设置导航条组件固定在底部;


.container-fluid――设置宽度充满父元素,即为100%;


.navbar-header――主要指定div元素为导航条组件包裹品牌图标及切换按钮;


.navbar-toggle――设置button元素为导航条组件的切换钮;


.collapsed――设置button元素为在视口小于768px时才显示;


.navbar-brand――设置导航条组件内的品牌图标;


.collapse――设置div元素为视口大于768px时显示;


.navbar-collapse――设置div元素为导航条组件各列表项的父元素;


.navbar-nav――设置ul为导航条组件内的列表元素;


.navbar-left――设置导航条内元素向左对齐;


.navbar-right――设置导航条内元素向右对齐;


.navbar-form――为导航条组件内部的表单组件;


.navbar-btn――为导航条组件内部的按钮样式;


.navbar-text――为导航条组件内部的文本样式;


.navbar-link――在标准的导航组件之外添加标准链接,让链接有正确的颜色和反色设置;


.breadcrumb――设置列表元素显示为路径导航组件;


<abbr title="缩略语内容">鼠标移动在这个上面会出现缩略语</abbr>


全局CSS样式

容器布局

container 自动适应窗体大小,并且补内外边距

container-fluid 流布局,不会设置外边距,会自动设置内边距,用于页面导航


禁用响应式布局

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">


栅格

每行(row)12列(col)

基本流布局

响应式布局

偏移

嵌套

排序

交流互动,请加QQ365709635有web开发学习资料分享哦!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读