மூன்று சம நெடுவரிசைகள்

டெஸ்க்டாப்பில் தொடங்கி பெரிய டெஸ்க்டாப்புகளுக்கு அளவிடும் மூன்று சம அகல நெடுவரிசைகளைப் பெறவும் . மொபைல் சாதனங்கள், டேப்லெட்டுகள் மற்றும் கீழே உள்ள நெடுவரிசைகள் தானாகவே அடுக்கப்படும்.

.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

கலப்பு: மொபைல் மற்றும் டெஸ்க்டாப்

பூட்ஸ்டார்ப் 3 கிரிட் அமைப்பு நான்கு அடுக்கு வகுப்புகளைக் கொண்டுள்ளது: xs (தொலைபேசிகள்), sm (டேப்லெட்டுகள்), md (டெஸ்க்டாப்புகள்) மற்றும் 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-offset-0