ତିନୋଟି ସମାନ ସ୍ତମ୍ଭ |

ଡେସ୍କଟପ୍ ଠାରୁ ଆରମ୍ଭ କରି ବଡ଼ ଡେସ୍କଟପ୍କୁ ମାପିବା ପାଇଁ ତିନୋଟି ସମାନ ଓସାର ସ୍ତମ୍ଭ ପାଆନ୍ତୁ | ମୋବାଇଲ୍ ଡିଭାଇସ୍, ଟାବଲେଟ୍ ଏବଂ ତଳେ, ସ୍ତମ୍ଭଗୁଡ଼ିକ ସ୍ୱୟଂଚାଳିତ ଭାବରେ ଷ୍ଟାକ ହେବ |

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

ତିନୋଟି ଅସମାନ ସ୍ତମ୍ଭ |

ଡେସ୍କଟପ୍ ଠାରୁ ଆରମ୍ଭ କରି ବିଭିନ୍ନ ପ୍ରସ୍ଥର ବଡ଼ ଡେସ୍କଟପ୍କୁ ମାପିବା ପାଇଁ ତିନୋଟି ସ୍ତମ୍ଭ ପାଆନ୍ତୁ | ମନେରଖନ୍ତୁ, ଗୋଟିଏ ଭୂସମାନ୍ତର ବ୍ଲକ ପାଇଁ ଗ୍ରୀଡ୍ ସ୍ତମ୍ଭଗୁଡିକ ବାର ପର୍ଯ୍ୟନ୍ତ ଯୋଡିବା ଉଚିତ୍ | ତା’ଠାରୁ ଅଧିକ, ଏବଂ ଭ୍ୟୁପୋର୍ଟକୁ ଖାତିର ନକରି ସ୍ତମ୍ଭଗୁଡ଼ିକ ଷ୍ଟାକିଂ ଆରମ୍ଭ କରନ୍ତି |

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

ଦୁଇଟି ସ୍ତମ୍ଭ

ଡେସ୍କଟପ୍ ଠାରୁ ଆରମ୍ଭ କରି ବଡ଼ ଡେସ୍କଟପ୍କୁ ମାପିବା ପାଇଁ ଦୁଇଟି ସ୍ତମ୍ଭ ପାଆନ୍ତୁ |

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

ପୂର୍ଣ୍ଣ ମୋଟେଇ, ଏକକ ସ୍ତମ୍ଭ |

ପୂର୍ଣ୍ଣ ଓସାର ଉପାଦାନଗୁଡ଼ିକ ପାଇଁ କ gr ଣସି ଗ୍ରୀଡ୍ କ୍ଲାସ୍ ଆବଶ୍ୟକ ନାହିଁ |


ଦୁଇଟି ସ୍ତମ୍ଭ ବିଶିଷ୍ଟ ଦୁଇଟି ସ୍ତମ୍ଭ |

ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଅନୁଯାୟୀ, ବସା ବାନ୍ଧିବା ସହଜ - କେବଳ ଏକ ବିଦ୍ୟମାନ ସ୍ତମ୍ଭ ମଧ୍ୟରେ ଏକ ଧାଡି ସ୍ତମ୍ଭ ରଖ | ଏହା ଆପଣଙ୍କୁ ଦୁଇଟି ସ୍ତମ୍ଭ ଡେସ୍କଟପ୍ ଠାରୁ ଆରମ୍ଭ କରି ବଡ଼ ଡେସ୍କଟପ୍କୁ ମାପିବା ସହିତ ବଡ଼ ସ୍ତମ୍ଭ ମଧ୍ୟରେ ଅନ୍ୟ ଦୁଇଟି (ସମାନ ପ୍ରସ୍ଥ) ସହିତ ପ୍ରଦାନ କରେ |

ମୋବାଇଲ୍ ଡିଭାଇସ୍ ସାଇଜ୍, ଟାବଲେଟ୍ ଏବଂ ଡାଉନ୍ ରେ, ଏହି ସ୍ତମ୍ଭଗୁଡିକ ଏବଂ ସେମାନଙ୍କର ନେଷ୍ଟେଡ୍ ସ୍ତମ୍ଭଗୁଡ଼ିକ ଷ୍ଟାକ୍ ହେବ |

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

ମିଶ୍ରିତ: ମୋବାଇଲ୍ ଏବଂ ଡେସ୍କଟପ୍ |

ବୁଟଷ୍ଟ୍ରାପ୍ gr ଗ୍ରୀଡ୍ ସିଷ୍ଟମରେ ଚାରୋଟି ପର୍ଯ୍ୟାୟ ଶ୍ରେଣୀ ଅଛି: xs (ଫୋନ୍), sm (ଟାବଲେଟ୍), md (ଡେସ୍କଟପ୍), ଏବଂ lg (ବଡ଼ ଡେସ୍କଟପ୍) | ଅଧିକ ଗତିଶୀଳ ଏବଂ ନମନୀୟ ଲେଆଉଟ୍ ସୃଷ୍ଟି କରିବାକୁ ଆପଣ ଏହି ଶ୍ରେଣୀର ପ୍ରାୟ କ combination ଣସି ମିଶ୍ରଣକୁ ବ୍ୟବହାର କରିପାରିବେ |

ଶ୍ରେଣୀର ପ୍ରତ୍ୟେକ ପର୍ଯ୍ୟାୟ ମାପକାଠି ବ, ାଏ, ଅର୍ଥାତ୍ ଯଦି ଆପଣ 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 |

ଅଫସେଟ୍, ପୁସ୍, ଏବଂ ପୁନ res ସେଟ୍ ଟାଣ |

ନିର୍ଦ୍ଦିଷ୍ଟ ବ୍ରେକପଏଣ୍ଟରେ ଅଫସେଟ୍, ପୁସ୍ ଏବଂ ଟାଣ ପୁନ Res ସେଟ୍ କରନ୍ତୁ |

.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