Bootstrap笔记-创新互联

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

成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站制作、网站设计、遵化网络推广、成都小程序开发、遵化网络营销、遵化企业策划、遵化品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;成都创新互联为所有大学生创业者提供遵化建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

.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——设置列表元素显示为路径导航组件;

鼠标移动在这个上面会出现缩略语

全局CSS样式

容器布局

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

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

禁用响应式布局

栅格

每行(row)12列(col)

基本流布局

响应式布局

偏移

嵌套

排序

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

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


网站栏目:Bootstrap笔记-创新互联
链接URL:http://ybzwz.com/article/dejgdh.html