如何有一个引导类按钮链接到外部网站

我有一个按钮，我创建并试图链接到外部网站的问题。我的代码是如何有一个引导类按钮链接到外部网站

<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其他地方，但同样的事情将无法正常工作。谢谢！

来源

2017-07-03 Michel Bourgeois

您的html代码似乎很好，使我的一个小测试工作，也许你的问题是风格，检查你是否意外禁用其中一个CSS类的链接功能：class =“animated zoomIn”or class =“btn btn-lg btn-general btn-white smooth-scroll”，希望这有助于你

来源

2017-07-03 19:43:20 Eddy

感谢埃迪您的帮助，我只是去掉平滑滚动，它现在的作品！七月四日快乐！ –

不客气 – Eddy

将按钮的作用添加到链接是阻止默认行为的原因。要么删除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>

来源

2017-07-03 23:57:49 hazelcodes

谢谢！它的工作，我刚摆脱顺利滚动等voila！谢谢Hazelcodes 7月4日不错！ –

我清理了代码，并添加了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>

来源

2017-07-04 00:14:15 Aymen

谢谢DevAymen尝试过这些代码，但仍然不能这样工作。我们只需要删除smoot-scrool！感谢您帮助我七月四日快乐！ –

欢迎您:) – Aymen

如何有一个引导类按钮链接到外部网站

回答

相关问题