Bootstrap中應使用哪些列類來創建更具抵抗力的網頁

Question

BootStrap允許列/網格系統的四種類別。

.xs // for mobiles 
 
.sm // for tablest 
 
.md // for laptops and normal desktops 
 
.lg // for larger desktop

假設我想創建一個網頁/網站應該是更resposive（肯定它必須是）所有類型的媒體。從手機到更大的桌面。我可以在這個隊友中使用班級嗎？
注意：在這個例子中，我將創建左側欄。

<div class="left-col col-xs-12 , col-sm-12 col-md-3 col-lg-3">

在上述實施例中，我使用COL-XS-12，這樣，當屏幕較小那麼其寬度應爲100％，同樣地COL-SM-12。我使用了col-md-3，因此如果屏幕尺寸大於700px（大約），列的寬度應該是25％，並且與col-lg-3相似。 因此，我再次重複我的問題，我應該結合所有四個類來製作更具響應性和動態的網頁嗎？

Answer 1

下可能足以實現你的目標

<div class="left-col col-sm-12 col-md-3"> 

當設備是平板或低於它會使用全寬。當它的筆記本電腦或更大的臺式電腦時，它將使用1/4的寬度。