Bre*_*ogt 1 html javascript user-interface twitter-bootstrap twitter-bootstrap-3
分割按钮按钮部分的用途是什么?
我使用的是最新版本的Bootstrap 3.我有一个细节分割按钮,当你点击箭头时会显示几个选项.单击时,用户将转到该页面.如果我点击按钮部分而不是箭头那么应该发生什么?它应该进入默认页面吗?如果是这样,我将如何更改下面的代码才能执行此操作?我是否需要将按钮更改为链接?
<div class="btn-group">
<button type="button" class="btn btn-default">Details</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Client Information</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
是的,您可以使用此拆分按钮/下拉菜单,方便用户访问链接,而无需打开下拉列表.
如果要将按钮更改为链接,并保持样式,则只需将其更改<button>为<a>标记即可.<a>带有类的标记btn btn-default将像按钮一样设置样式.
<a href="#your_link" class="btn btn-default">Details</a>
Run Code Online (Sandbox Code Playgroud)