如何将引导类按钮链接到外部站点答案

【问题标题】：How to have a bootstrap class button link to an external site如何将引导类按钮链接到外部站点
【发布时间】：2017-12-07 03:08:01
【问题描述】：

我在创建按钮并尝试链接到外部网站时遇到问题。我的代码是

<div id="home-btn" class="animated zoomIn">
   <a class="btn btn-lg btn-general btn-white smooth-scroll"  
   href="http://www.yumpu.com/fr/embed/view/OPR2Gbw5Ml83hkp4" target="_blank" 
   role="button"  title="Magazine Carrefour Floride en ligne">Clicquez ici pour 
   lire le Magazine en Ligne</a>
   </div>

我试图将 href 放在其他地方，但同样的事情不起作用。谢谢！

【问题讨论】：

标签： twitter-bootstrap button hyperlink external

【解决方案1】：

您的 html 代码似乎很好，对我进行了一些测试，也许您的问题在于样式，检查您是否不小心禁用了其中一个 css 类中的链接功能：class="animated zoomIn" 或 class= “btn btn-lg btn-general btn-white smooth-scroll”，希望对你有帮助

【讨论】：

感谢 Eddy 的帮助，我刚刚删除了平滑滚动，它现在可以工作了！ 7 月 4 日快乐！

【解决方案2】：

将按钮的角色添加到链接是阻止默认行为的原因。要么删除 role 属性，要么修改代码以使其看起来更轻松；

<div id="home-btn" class="animated zoomIn">
    <a href="http://www.yumpu.com/fr/embed/view/OPR2Gbw5Ml83hkp4" target="_blank">
        <button class="btn btn-lg btn-general btn-white smooth-scroll"  type="button" title="Magazine Carrefour Floride en ligne">Clicquez ici pour lire le Magazine en Ligne.   <button> 
    </a>

【讨论】：

谢谢！它起作用了，我刚刚摆脱了平滑滚动等！谢谢 Hazelcodes 7 月 4 日愉快！

【解决方案3】：

我清理了代码，并添加了 btn-default。如果您想更改颜色，只需从以下选项中进行选择：

.btn
.btn-default
.btn-primary
.btn-success
.btn-info
.btn-warning
.btn-danger
.btn-link

你的代码：

<div id="home-btn" class="animated zoomIn">
  <a class="btn  btn-default btn-lg btn-general btn-white smooth-scroll" 
    href="http://www.yumpu.com/fr/embed/view/OPR2Gbw5Ml83hkp4" target="_blank"> 
    Clicquez ici pour ire le Magazine en Ligne
  </a>
</div>

【讨论】：

感谢 DevAymen 尝试了代码，但仍然无法以这种方式工作。我们只需要移除 smoot-scrool！感谢您帮助我，7 月 4 日快乐！