如何使用引導程序3將自定義按鈕添加到頁面？

我有以下代碼，我正在嘗試添加一個Facebook圖標按鈕到我的頁面。但是，我無法在我的頁面中看到圖像bg。如何使用引導程序3將自定義按鈕添加到頁面？

<button class="facebook"></button>

我的CSS：

.facebook{ 
    background: url('../img/fb.jpg') no-repeat 
}

我已經包含在我的HTML PG過的CSS文件：

<link href="../css/custom.css" rel="stylesheet" media="screen">

我該如何解決這個問題？

謝謝

來源

2013-10-30 Smitha

您可以分配您的自定義類到您的按鈕輸入。

<input type="submit" value="Submit" class="facebook">

Ø所以你正在使用fontawesome ... ..正確

<linkbutton class="myclass"><i class="fa fa-facebook"></i> fa-facebook</linkbutton >

這是我在我的asp.net做

來源

2013-10-30 07:21:31

可能是你缺少 ';'在CSS代碼

來源

2013-10-30 07:29:09 jitender

當使用引導3，你有這樣的事情：

<button type="button" class="btn">My button</button>

如果你想一些背景添加到該按鈕，添加您的類：

<button type="button" class="btn facebook">My button</button>

要確保你首先將bootstrap css添加到頁面，然後添加自定義css，因爲最後一個css會覆蓋以前的css。

來源

2013-10-30 07:32:19

由於您使用的引導，你可以使用CDN或下載glyphicons

  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet"> 
       <button class="facebook" ><i class="fa fa-facebook fa-2x"></i>facebook</button> 

     In you code you could have missed the correct link to your css file. Check the absolute or relative links to the css file. 

     <link href="../css/custom.css" rel="stylesheet" media="screen">

你也錯過了分號在

   background: url('../img/fb.jpg') no-repeat

來源

2013-10-30 07:38:30 Bazinga777

噢，像弗拉迪斯拉夫使用你的按鈕fontawesome圖標說你可以添加class =「btn」以改善樣式。 – Bazinga777

如何使用引導程序3將自定義按鈕添加到頁面？

回答

相關問題