只有一個div作爲xs分辨率lg

我想獲得不尋常的行爲bootstrap和媒體查詢。只有一個div作爲xs分辨率lg

一個div（a）的內容應該取決於他的寬度而不是瀏覽器窗口的寬度。在圖片（a）的情況下，寬度爲600px，並且應該顯示爲XS，並且容器應該充當LG。

2017-01-23 Jan Nowak

你是不正確的思維引導的。

引導程序的重點在於允許您根據屏幕寬度輕鬆修改元素的行爲。例如，如果您僅使用網格系統，則所有要修改的都是基於屏幕的width的元素本身的width。

如果你希望你的a元素爲sm行爲在任何時候，無論畫面的寬度（或至少直到它到達xs，例如），那麼你可以使用類似：

<div class=" div-a -col-sm-6"></div>

只要屏幕寬度大於sm，這將告訴引導程序顯示帶有6列的div A。

我不確定「容器充當LG」是什麼意思，但我認爲你的意思是它應該只對LG屏幕進行修改。然後：

<div class="container-div col-LG-12 col-*-newSize"> 
    <div class=" div-a -col-sm-6"> 
    *content* 
    </div> 
    <div class="container-b-c col-*-6" 
    <div class"div-b col-*-12" 
     -content- 
    </div> 
    <div class"div-c col-*-12" 
     -content- 
    </div> 
</div> //End of container-b-c 
</div> //end of container-div

其中*是您需要的大小。

來源

2017-01-23 10:19:21

我明白bootstrap如何。但是，還有一個新的要求，需要這種奇怪的行爲。整個頁面是「正常」操作，但一個div必須嚴格決定「解決方案」。 –

呃我明白了。也許使用手動媒體查詢可能更容易，而不是強制bootstrap以這種方式行事？ –

我仍然使用iframe，但我寧願不這樣做 –

我明白bootstrap如何。但是，還有一個新的要求，需要這種奇怪的行爲。整個頁面是「正常」操作，但一個div必須嚴格決定「解決方案」。

來源

2017-01-23 11:14:36

只有一個div作爲xs分辨率lg

回答

相關問題