ITPub博客

首页 > IT职业 > IT职场 > 玩转Bootstrap基础——网格系统、下拉菜单

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

IT职场 作者:kalt 时间:2021-09-09 09:04:46 0 删除 编辑

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

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

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

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

下拉菜单

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

菜单标题:dropdown-header

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

  

或者

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

菜单项状态:

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


  • 来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1805/viewspace-2807924/ ,如需转载,请注明出处,否则将追究法律责任。

    请登录后发表评论 登录
    全部评论

    注册时间:2019-04-15

    • 博文量
      121
    • 访问量
      893