2013-08-16 22 views
0

我測試了可見-xs和可見 - 小而且都不工作。Bootstrap 3 RC2可見和隱藏不起作用

http://jsfiddle.net/kgxCH/

<body> 
    <div class="jumbotron"> 
     <h1>Some text</h1> 

     <p class="lead">More text</p> 
     <p class="visible-small"> <a class="btn btn-large btn-success" href="tel:+0192234234234">Some text</a> 
      <br /> <small class="text-muted">More text</small> 

     </p> 
    </div> 
</body> 

我從他們的網站三天前下載的引導3 RC2 css文件。文件說這些存在和工作。

我下載的CSS文件包含visible-small但不可見的xs。

回答

6

您使用錯誤的類名稱。 Bootstrap提供visible-sm而不是visible-small。改變類名稱,它的作品。

另一個問題是我找不到visible-xs類包含您的CSS文件(目前在:http://cja.org.uk/css/bootstrap.css)。您應該使用官方CDN http://netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/css/bootstrap.min.css

+1

謝謝。我非常惱火,以至於我錯過了相當重要的細節。我會處理現在丟失的visible-xs。 – cja

+0

包含的CSS文件存在問題,該文件已在我的答案中更新。請再檢查一次。 –

+0

我已經撤消了編輯。只是想說,甚至不需要查看CSS文件,只需轉到文檔:http://getbootstrap.com/css/#responsive-utilities – gustavohenke