問題切換視口斷點內容

我遇到了試圖讓hidden-xs和visible-xs- *工作的問題。即使是一些簡單：問題切換視口斷點內容

<div class="hidden-xs"> 
     test test test 
    </div>

即使該代碼我縮小到最小的我的窗口可以去，它仍然不會消失。我正在使用LESS編譯版本，但我還沒有改變任何變量。任何人有任何想法？

另外，在一個有點相關的問題中，我嘗試在我的mystyles.less中使用「@media（min-width：@ screen-sm-min）」媒體查詢，它被導入到我的bootstrap.less中，但是我的預處理器（考拉）不喜歡變量@ screen-sm-min。它給了我錯誤：

NameError: variable @screen-sm-min is undefined in C:\Users\Shawn\Dropbox\GPLndscapes wordpress\less\mystyles.less:18:19 
17 
18 @media (min-width: @screen-sm-min){ 
19  .navbar .navbar-nav {

是我如何讓我的設置錯誤或考拉？

來源

2014-09-01 shellwe

您是否確定導入了完成該工作所需的所有樣式？您需要提供一個工作示例，以便我們看到問題所在。創建一個jsfiddle或顯示將重新創建錯誤的最小HTML頁面。 – Elmer 2014-09-01 19:48:59

您使用的是什麼版本的less.js/lessc？ – cvrebert 2014-09-02 04:22:28

另外，什麼版本的Bootstrap？ – cvrebert 2014-09-02 04:22:56

問題是我使用的LESS發行版（我從getbootstrap.com下載的發行版）沒有隱藏和可見的CSS。我通過使用dist文件夾中的bootstrap.css發現它，它工作。

我看着在LESS文件，它有這樣一行：

@border-image: port "responsive-utilities.less";

我繼續補充說：

@import "responsive-utilities.less";

而現在它的工作原理，任何人有任何想法@邊框圖像：端口是做的，爲什麼他們會使用它而不是標準的導入？我不願意刪除它，因爲我不知道它是什麼，我想知道他們是否使用它，而不是出於某種原因。

此外，與@ screen-sm-min的問題我只是想說考拉只查看那少一個文件，並沒有看到它被導入到一個大的引導文件。我會嘗試其他預處理器，希望有更好的運氣。

來源

2014-09-03 23:27:02 shellwe

問題切換視口斷點內容

回答

相關問題