ሶስት እኩል ዓምዶች

ከዴስክቶፕ ጀምሮ ሦስት እኩል ስፋት ያላቸውን አምዶች አግኝ እና ወደ ትላልቅ ዴስክቶፖች ስኬል ። በተንቀሳቃሽ መሣሪያዎች፣ ታብሌቶች እና ከዚያ በታች፣ ዓምዶቹ በራስ-ሰር ይደረደራሉ።

.col-md-4
.col-md-4
.col-md-4

ሶስት እኩል ያልሆኑ አምዶች

ከዴስክቶፕ ጀምሮ ሶስት አምዶችን ያግኙ እና ወደ ትላልቅ ዴስክቶፖች የተለያየ ስፋት ያቅርቡ። ያስታውሱ፣ የፍርግርግ አምዶች ለአንድ አግድም ብሎክ እስከ አስራ ሁለት ድረስ መጨመር አለባቸው። ከዚያ በላይ፣ እና ዓምዶች የእይታ ቦታው ምንም ይሁን ምን መደራረብ ይጀምራሉ።

.col-md-3
.col-md-6
.col-md-3

ሁለት ዓምዶች

ከዴስክቶፕ ጀምሮ ሁለት ዓምዶችን ያግኙ እና ወደ ትላልቅ ዴስክቶፖች ማመጣጠን

.col-md-8
.col-md-4

ሙሉ ስፋት፣ ነጠላ አምድ

ለሙሉ ስፋት አባሎች ምንም የፍርግርግ ክፍሎች አያስፈልጉም።


ሁለት የጎጆ አምዶች ያሉት ሁለት አምዶች

በሰነዱ መሰረት፣ መክተቻ ቀላል ነው - የአምዶች ረድፍ አሁን ባለው አምድ ውስጥ ብቻ ያስቀምጡ። ይህ በዴስክቶፕ ላይ የሚጀምሩ ሁለት አምዶችን ይሰጥዎታል እና ወደ ትላልቅ ዴስክቶፖች ማመጣጠን ፣ በትልቁ አምድ ውስጥ ከሌላ ሁለት (እኩል ስፋቶች) ጋር።

በተንቀሳቃሽ መሣሪያ መጠኖች፣ ታብሌቶች እና ታች፣ እነዚህ ዓምዶች እና የተከማቸባቸው አምዶች ይደረደራሉ።

.col-md-8
.col-md-6
.col-md-6
.col-md-4

የተቀላቀለ: ሞባይል እና ዴስክቶፕ

የ Bootstrap 3 ግሪድ ሲስተም አራት የክፍል ደረጃዎች አሉት፡ xs (ስልኮች)፣ ኤስኤምኤስ (ታብሌቶች)፣ ኤምዲ (ዴስክቶፖች) እና lg (ትላልቅ ዴስክቶፖች)። የበለጠ ተለዋዋጭ እና ተለዋዋጭ አቀማመጦችን ለመፍጠር የእነዚህን ክፍሎች ማናቸውንም ጥምር መጠቀም ይችላሉ።

እያንዳንዱ የክፍሎች እርከኖች ወደ ላይ ይደርሳሉ፣ ይህም ማለት ተመሳሳይ ስፋቶችን ለxs እና sm ለማቀናበር ካቀዱ xsን ብቻ መግለጽ ያስፈልግዎታል።

.col-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

የተቀላቀለ፡ ሞባይል፣ ታብሌት እና ዴስክቶፕ

.col-xs-12 .col-sm-6 .col-lg-8
.col-sm-6 .col-lg-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4

አምድ ማጽዳት

ወጣ ገባ በሆነ ይዘት መጠቅለልን ለመከላከል በተወሰኑ መግቻ ነጥቦች ላይ ተንሳፋፊዎችን አጽዳ ።

.col-xs-6 .col-sm-3
የእይታዎን መጠን ይቀይሩ ወይም ለምሳሌ በስልክዎ ላይ ይመልከቱት።
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

ማካካሻ፣ መግፋት እና ዳግም ማስጀመሪያዎችን ጎትት።

ማካካሻዎችን እንደገና ያስጀምሩ ፣ ይግፉ እና በተወሰኑ መግቻ ነጥቦች ላይ ይጎትቱ።

.col-sm-5 .col-md-6
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-ኦፍሴት-0