bootstrap中的divider用法举例
时间: 2023-11-23 08:07:54 浏览: 70
bootstrap的实例
好的,对于这个问题,我可以给您进行解答。在Bootstrap中,Divider是一个用于分离链接或按钮的水平线。它通常用于创建导航菜单或按钮组。以下是一个示例:
``` html
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-default">左</button>
<button type="button" class="btn btn-default">中</button>
<button type="button" class="btn btn-default">右</button>
<div class="btn-group" role="group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">更多... <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">操作1</a></li>
<li><a href="#">操作2</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">操作3</a></li>
<li><a href="#">操作4</a></li>
</ul>
</div>
</div>
```
在上面的示例中,我创建了一个按钮组,并用一个水平线将第一个按钮组和下拉菜单分隔开来。 Divider的样式类为`divider`,我们可以通过添加该样式类来创建水平线。
阅读全文