twitter-bootstrap – Bootstrap 3按钮组 – 如何使它们链接?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap 3按钮组 – 如何使它们链接?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这对我来说真的很愚蠢,但如果你不能让他们链接,那么Bootstrap 3的按钮组有什么意义呢?

http://getbootstrap.com/components/#btn-groups

我们试过这个:

<button type="button" class="btn btn-lg btn-success" href="add.PHP">
<span class="glyphicon glyphicon-plus"></span> Add
</button>

和…

<button type="button" class="btn btn-lg btn-success">
<a href="add.PHP"><span class="glyphicon glyphicon-plus"></span> Add</a>
</button>

但两者都不能作为链接.我在这里不理解什么?
谢谢.
NJ

解决方法

您可以使用bootstrap中的类来更改标记.
<div class="btn-group" role="group" aria-label="...">
  <a href="" class="btn btn-default">Left</a>
  <a href="" class="btn btn-default">Middle</a>
  <a href="" class="btn btn-default">Right</a>
</div>

<a href="add.PHP" class="btn btn-lg btn-success">
  <span class="glyphicon glyphicon-plus"></span> Add
</a

请参阅此处的示例 – http://www.bootply.com/v8anIQZU97

原文链接:https://www.f2er.com/bootstrap/233868.html

猜你在找的Bootstrap相关文章