Bootstrap笔记

发布时间:2020-08-05 13:24:10 作者:路霸X
来源:网络 阅读:486

.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开发学习资料分享哦!

推荐阅读:
  1. Bootstrap——25+ Best Bootstrap
  2. Bootstrap学习:Bootstrap CSS 概览

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

主题 元素 button

上一篇:检查某个网段存活的主机_shell脚本

下一篇:超实用!K8s 开发者必须知道的 6 个开源工具

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》