Question

我对此代码的问题是，当我添加按钮周围的链接时，它将按钮分开。而不是所有人都加入了他们，他们不再加入。

 <div class="btn-group btn-group-justified" role="group" aria-label="...">
  <div class="btn-group" role="group">
    <a href="/learn/popular-tags/all"><button type="button" class="btn btn-default <? if ($type == 'all'){ ?>active<? } ?>">All</button></a>
  </div>
  <div class="btn-group" role="group">
    <a href="/learn/popular-tags/male"><button type="button" class="btn btn-default <? if ($type == 'male'){ ?>active<? } ?>">Male</button></a>
  </div>
  <div class="btn-group" role="group">
    <a href="/learn/popular-tags/female"><button type="button" class="btn btn-default <? if ($type == 'female'){ ?>active<? } ?>">Female</button></a>
  </div>
    <div class="btn-group" role="group">
    <a href="/learn/popular-tags/couples"><button type="button" class="btn btn-default <? if ($type == 'couples'){ ?>active<? } ?>">Couples</button></a>
  </div>
  <div class="btn-group" role="group">
    <a href="/learn/popular-tags/trans"><button type="button" class="btn btn-default <? if ($type == 'trans'){ ?>active<? } ?>">Trans</button></a>
  </div>
</div>

感谢任何帮助

Answer 1

删除button元素并将类移到a元素

  ...
  <div class="btn-group" role="group">
    <a class="btn btn-default <? if ($type == 'all'){ ?>active<? } ?>" href="/learn/popular-tags/all">All</a>
  </div>
  ...

Bootply - http://www.bootply.com/IcLAD63W9u

Answer 2

您可以执行此操作，而不是将按钮放在a href代码中：

<a href="https://stackoverflow.com" class="btn btn-default">Click here</a>

链接看起来像是一个按钮。

所以bootstrap将我的按钮分开？

2 个答案: