爲什麼我的引導按鈕看起來不太好？

我按照下面列出的設立：爲什麼我的引導按鈕看起來不太好？

http://getbootstrap.com/getting-started/

然而，我的按鈕看起來不太好，這裏是html：

<div><button type="button" class="btn btn-lg btn-primary">Primary</button></div>  
<div><button type="button" class="btn btn-lg btn-success">Success</button></div> 
<div><button type="button" class="btn btn-lg btn-info">Info</button></div> 
<div><button type="button" class="btn btn-lg btn-warning">Warning</button></div> 
<div><button type="button" class="btn btn-lg btn-danger">Danger</button></div>

這裏是他們如何看：

my buttons

比較這對從以下幾點：

http://getbootstrap.com/examples/theme/

enter image description here

礦就是不看圓滑，我缺少什麼？謝謝。

來源

2014-04-18 kmansoor

什麼瀏覽器是什麼操作系統 – grantmcconnaughey

是否包含單獨的'theme.css'？ – ZimSystem

檢查其中一個按鈕，看看在CSS中發生了什麼，如果你不是在不受支持的瀏覽器中，您必須覆蓋漸變（也許是邊框）樣式。 –

你很可能錯過了「bootstrap-theme.min.css」文件 - 如果你告訴我們，如果你得到控制檯錯誤，這將是有幫助的。

來源

2014-04-18 19:15:28 patricksweeney

就是這樣！謝謝！我使用了MVC，所以我進入了我的BundleConfig.cs文件，並在默認的'bundles.Add（新的StyleBundle（「〜/ Content/css」））中添加了「〜/ Content/bootstrap-theme.css」我開始擔心我們的用戶不會點擊我們的按鈕，因爲他們看起來不像按鈕。 – MikeTeeVee

乍一看，我認爲它與css有關，你在css構建中丟失了某些東西。嘗試在開發工具中輸入並查看缺少的內容。

來源

2014-04-18 19:09:45

哈我知道它雖然我的語法是「Awsome」我知道:)） –

如果您沒有爲您的<div>標籤設置任何類，它們將被解釋爲CSS塊，它們的默認行爲。

爲了獲得內聯結果，最好使用col-lg-* *號碼在1到12之間（在引導程序3上），這將使它們成爲內聯元素。

例子：

<div class="row"> 
    <div class="col-lg-2"><button type="button" class="btn btn-lg btn-primary">Primary</button></div>  
    <div class="col-lg-2"><button type="button" class="btn btn-lg btn-success">Success</button></div> 
    <div class="col-lg-2"><button type="button" class="btn btn-lg btn-info">Info</button></div> 
    <div class="col-lg-2"><button type="button" class="btn btn-lg btn-warning">Warning</button></div> 
    <div class="col-lg-2"><button type="button" class="btn btn-lg btn-danger">Danger</button></div> 
</div>

希望這可以幫助你！

來源

2014-04-18 19:21:02

後：

<title>your title</title>

你應該有」

<!-- Bootstrap core CSS --> 
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">

現在只是把這個，因爲你缺少這樣的：？？

<!-- Bootstrap theme --> 
<!-- Necessary for buttons to look good --> 
<link href="../../dist/css/bootstrap-theme.min.css" rel="stylesheet">

來源

2015-03-28 13:07:14

爲什麼我的引導按鈕看起來不太好？

回答

相關問題