2013-07-16 64 views
0

我是新手引導,我看了一些教程(ASP.NET)。引導按鈕錯誤

我創建了一個的CssClass按鈕:

但按鈕的外觀竊聽?它必須看起來像第一個按鈕,但我的按鈕是第二:

enter image description here

我不知道我在做什麼錯了!

這是我的容器:

<div class="container"> 
    <div class="row"> 
     <div class="span2">...</div> 
     <div class="span8"> 
      <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
      </asp:ContentPlaceHolder> 
     </div> 
     <div class="span2"> 
      <asp:Button ID="btnSignup" runat="server" Text="Button" CssClass="btn btn-large btn-success" /> 
     </div> 
    </div> 
    <h1>Bootstrap starter template</h1> 
    <p>Use this document as a way to quick start any new project.<br/> All you get is this message and a barebones HTML document.</p> 

</div> 
+0

分享您的HTML! – ssilas777

+0

對不起!現在就去做! – Swag

+0

你看過哪些教程,你可以在這裏發佈鏈接?與您的代碼 –

回答

0

找到答案!

我通過這個鏈接下載全功能定製的引導文件:

http://twitter.github.io/bootstrap/customize.html

然後我得到這個bug。

但是,當我從下面從定製引導新下載的CSS下載引導,並更換css文件:

http://twitter.github.io/bootstrap/

那麼我沒有任何錯誤!

+0

有趣。在這種情況下,定製版本中的某個顏色變量可能是錯誤的。 – jfrej

+0

我這麼認爲! :)我很高興它解決了! – Swag

0

你修改引導CSS以任何方式或你加載任何額外的CSS?

什麼瀏覽器你看到這個?

,如果你發佈你對jsfiddle.net

代碼反正這會有所幫助,這個問題當您從正常的(鼠標移出)的.btn-success類的按鈕狀態background-image發生。引導程序使用過渡將懸浮狀態下的背景位置偏移15px,這就是您最終的結果。

+0

我只改變了Body {}的背景,我不加載任何額外的CSS ...我在Chrome中看到了這一點,並且在IE中它的效果更好(綠色),但在IE按鈕邊框不是圓形的。 – Swag

0

只是爲了補充您自己的答案,因爲您使用的是引導程序+ Visual Studio,您可能必須知道Visual Studio中存在一個編輯某些CSS3屬性的錯誤。 您應該從bootstrap.css保留備份,因爲編輯使用此樣式表的.aspx,.htm時可能會再次發生此問題。 我剛剛知道這個錯誤,但我沒有任何解決方案