如何有一個引導類按鈕鏈接到外部網站

我有一個按鈕，我創建並試圖鏈接到外部網站的問題。我的代碼是如何有一個引導類按鈕鏈接到外部網站

<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

如何有一個引導類按鈕鏈接到外部網站

回答

相關問題