【问题标题】: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 日快乐!
    猜你喜欢
    • 2013-06-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-20
    • 1970-01-01
    • 2012-01-16
    • 1970-01-01
    • 2019-01-26
    • 1970-01-01
    相关资源
    最近更新 更多