-
？？ .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {查看全部
-
按钮垂直分组 我们只需要把水平分组的“btn-group”类名换成“btn-group-vertical”即可查看全部
-
很多时候，我们常把下拉菜单和普通的按钮组排列在一起，实现类似于导航菜单的效果 使用的时候，只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”，并且和普通的按钮放在同一级查看全部
-
在富文本编辑器中，将按钮组分组排列在一起，比如说复制、剪切和粘贴一组；左对齐、中间对齐、右对齐和两端对齐一组，你只需要将按钮组“btn-group”按组放在一个大的容器“btn-toolbar”中 ☑ .btn-group-lg:大按钮组 ☑ .btn-group-sm:小按钮组 ☑ .btn-group-xs:超小按钮组 只需要在“.btn-group”类名上追加对应的类名，就可以得到不同大小的按钮组。查看全部
-
除了可以使用<button>元素之外，还可以使用其他标签元素，比如<a>标签。唯一要保证的是：不管使用什么标签，“.btn-group”容器里的标签元素需要带有类名“.btn”。查看全部
-
下拉菜单项的默认的状态（不用设置）有悬浮状态（:hover）和焦点状态（:focus） 还有当前状态（.active）和禁用状态（.disabled）。这两种状态使用方法只需要在对应的菜单项上添加对应的类名查看全部
-
Bootstrap框架中下拉菜单默认是左对齐，如果你想让下拉菜单相对于父容器右对齐时，可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名， .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu-right { right: 0; left: auto; } 同时一定要为.dropdown添加float:leftcss样式。 .dropdown{ float: left; } 与此同时，还有一个类名刚好与“dropdown-menu-right”相反的类名“dropdown-menu-left查看全部
-
为了让这个分组更明显，还可以给每个组添加一个头部（标题） <li role="presentation" class="dropdown-header">第二部分菜单头部</li>查看全部
-
假设下拉菜单有两个组，那么组与组之间可以通过添加一个空的<li>，并且给这个<li>添加类名“divider”来实现添加下拉分隔线的功能 .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; //?? background-color: #e5e5e5; }查看全部
-
因为“dropdown-menu”默认样式设置了“display:none”，其详细源码请查看bootstrap.css文件第3010行～第3029行 给父容器“div.dropdown”添加或移除类名“open”来控制下拉菜单显示或隐藏查看全部
-
1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素，示例中为: <div class="dropdown"></div> 2、使用了一个<button>按钮做为父菜单，并且定义类名“dropdown-toggle”和自定义“data-toggle”属性，且值必须和最外容器类名一致，此示例为: data-toggle="dropdown" 3、下拉菜单项使用一个ul列表，并且定义一个类名为“dropdown-menu”，此示例为: <ul class="dropdown-menu">查看全部
-
Bootstrap框架的网格系统还支持列的嵌套。你可以在一个列中添加一个或者多个行（row）容器，然后在这个行容器中插入列（像前面介绍的一样使用列）。但在列容器中的行容器（row），宽度为100%时，就是当前外部列的宽度。 嵌套的列总数也需要遵循不超过12列。不然会造成末位列换行显示。查看全部
-
这一节很有趣查看全部
-
在外部div容器上追加.active标签查看全部
-
在外部div容器上追加.progress-striped查看全部
举报
0/150
提交
取消