栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > Bootstrap教程

玩转Bootstrap基础——网格系统、下拉菜单

玩转Bootstrap基础——网格系统、下拉菜单

列偏移(offset):
只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移。例如,你在列元素上添加“col-md-offset-4”,表示该列向右移动4个列的宽度

    .col-md-4
    列向右移动四列的间距

列排序(改变左右浮动 push pull):
改变列的方向,就是改变左右浮动,并且设置浮动的距离

  
    .col-md-4
    .col-md-8
  

下拉菜单

    
    

添加一个空的< li >,并且给这个< li >添加类名“divider”来实现添加下拉分隔线的功能

菜单标题:dropdown-header

下拉菜单 对齐方式:相对于父容器右对齐(默认左对齐)

  

或者

同时一定要为.dropdown添加 float:left 的css样式。
.dropdown{
float: left;
}

菜单项状态:

下拉菜单项的默认的状态(不用设置)有悬浮状态(:hover)和焦点状态(:focus)
还有当前状态(.active)和禁用状态(.disabled)。这两种状态使用方法只需要在对应的菜单项上添加对应的类名:


  • 转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/243665.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号