All New Code

login

zz_bscode

view data

add

list

Bootstrap-basic
Reordering
nesting
margin
padding
Horizontal-align
Vertical-Align
Row-Align
Align-self
Flex
display
float
position
other
list
Project

(0)-Nita Park [ Id quia est eaque s ]
(1)-Bootstrap-basic [ ]

(2)-001_Container_&_Container-fluid [ ब्लॉक बनेगा 1140px का , बाकि सब इसके अंदर , पुरे पेज पर एक ब्लॉक बनेगा | ]
(3)-002-row_class_for_making_header_and_footer [ - ]
(4)-003-equal_col_with_manual_new_line_col_(break) [ - ]
(5)-004-col_with_auto_new_line [ - ]
(6)-005-col_with_breakpoint_md_lg [ - ]
(7)-006-Grid-with-col [ - ]
(8)-007-basic-website-design-using-Grid-with-col [ - ]
(9)-008-above-code-with-breakpoints(responsive) [ - ]
(10)-009-above-code-with-different-breakpoints(responsive) [ - ]
(11)-010-offset-Class-with-break-point-(helper_of_col_class) [ केवल एक ब्लॉक बना देगा और उसमे फिर कॉलम आएंगे ]

(12)-Reordering [ ]

(13)-011-reordering-first-and-last [ col का क्रम बदलना, last को first करना ]
(14)-012-reordering-with-break-point [ - ]
(15)-013-reordering-for-all-col [ - ]
(16)-014-reorder-for-all-col-with-breakpoint [ - ]
(17)-015-reordering-all-col-with-different-col-width [ - ]
(18)-016-reordering-above-with-multiple-breakpoint [ - ]
(19)-017-reordering-above-practical-code [ - ]

(21)-nesting [ ]

(22)-018-nesting-simple-col [ कॉलम के अंदर कॉलम लगाना ]
(23)-019-nesting-col [ - ]
(24)-020-nesting-nesting-col [ - ]

(25)-margin [ ]

(26)-021-margin-auto [ col का क्रम बदलना, last को first करना ]
(27)-022-marging-end-v5.0 [ - ]
(28)-023-margin-with-breakpoint [ - ]
(29)-024-margin-with-number [ - ]
(30)-025-margin-top-with-number [ - ]
(31)-026-margin-bottom-with-number [ - ]
(32)-027-margin-with-number-breakpoint [ - ]
(33)-028-margin-with-negative-numbers [ - ]

(34)-padding [ ]

(35)-029-padding-all-side [ col के अंदर के कंटेंट का साइड्स से gap ]
(36)-030-padding-with-breakpoint [ - ]
(37)-031-padding-on-row [ - ]

(38)-Horizontal-align [ ]

(39)-032-horizontal-align-center [ - ]
(40)-033-horizontal-align-between [ - ]
(41)-034-horizontal-align-around [ - ]
(42)-035-horizontal-align-start [ - ]
(43)-036-horizontal-align-breakpoint [ - ]

(44)-Vertical-Align [ ]

(45)-037-vertical-align-items-start [ row पर ही क्लास लगा कर col को अलाइन करना ]
(46)-038-vertical-align-items-end [ - ]
(47)-039-vertical-align-items-center [ - ]
(48)-040-vertical-align-items-stretch [ - ]
(49)-041-vertical-align-items-baseline [ - ]
(50)-042-vertical-align-items-with-breakpoint [ - ]

(51)-Row-Align [ ]

(52)-043-row-align-content-no-class [ एक निश्चित हाइट row में बहुत सारे col को row में अलाइन ]
(53)-044-row-align-content-start [ - ]
(54)-045-row-align-content-end [ - ]
(55)-046-row-align-content-center [ - ]
(56)-047-row-align-content-between [ - ]
(57)-048-row-align-content-around [ - ]
(58)-049-row-align-content-stretch [ - ]
(59)-050-row-align-content-breakpoint [ - ]

(60)-Align-self [ ]

(61)-051-align-self-start [ अगर row की हाइट है और केवल किसी एक col पर अलाइन करना हो ]
(62)-052-align-self-end [ - ]
(63)-053-align-self-center [ - ]
(64)-054-align-self-with-row_align-items-start [ - ]
(65)-055-align-self-with-start-end-center [ - ]
(66)-056-align-self-with-breakpoints [ - ]

(67)-Flex [ ]

(68)-057-row-flex-row-reverse [ column को रिवर्स या row को column में बदलना ]
(69)-058-row-flex-column [ - ]
(70)-059-row-flex-column-reverse [ - ]
(71)-060-row-flex-nowrap [ - ]
(72)-061-row-flex-wrap-reverse [ - ]
(73)-062-row-flex-column-without-breakpoint [ - ]
(74)-063-row-flex-row-reverse-without-breakpoint [ - ]
(75)-064-row-flex-row-reverse-with-flex-fill [ - ]
(76)-065-row-flex-lg-reverse-with-breakpoint [ - ]

(77)-display [ ]

(78)-066-display-item-without-display [ - ]
(79)-067-d-inline-block [ डिव के अंदर के एलिमेंट एक लाइन में आजाएगे ]
(80)-068-d-lg-inline-block-with-breakpoints [ - ]
(81)-069-simple-display [ - ]
(82)-070-d-none [ - ]
(83)-071-display-hides-on-mobile [ - ]
(84)-072-display-show-on-mobile [ - ]
(85)-073-display-flex [ डिव के अंदर के डिव को एक लाइन में लाना ]
(86)-074-display-flex-with-column [ डिव के अंदर के डिव को कॉलम में करना ]
(87)-075-display-flex-column-reverse [ कॉलम को रिवर्स आर्डर में करना ]
(88)-076-display-flex-order [ आर्डर कीवर्ड के साथ किसी भी डिव को ऊपर या नीचे करना ]
(89)-077-display-item-on-print [ bs print कोड की सहायता से किसी col को प्रिंट के समय डिस्प्ले करना ]
(90)-078-hide-item-on-print [ - ]

(91)-float [ ]

(92)-079-float-left-right [ - ]
(93)-080-clear-fix-float [ - ]
(94)-081-clear-fix-with-breakpoints [ - ]
(95)-082-change-position-with-breakpoints [ - ]
(96)-083-div-updown-with-breakpoints [ - ]
(97)-084-float-with-height [ - ]
(98)-085-float-with-viwe-port-height [ - ]
(99)-086-float-with-viwe-port-weidth [ - ]

(100)-position [ ]

(101)-087-fixed-top [ - ]
(102)-088-fixed-bottom [ - ]
(103)-089-fixed-top-and-fixed-bottom [ - ]
(104)-090-sticky-top [ - ]

(105)-other [ ]

(106)-091-overflow-auto [ - ]
(107)-092-overflow-hidden [ - ]
(108)-093-padding-gutters [ - ]
(109)-094-padding-y-axis-top-bottom-padding [ - ]
(110)-095-padding-x-axis-both-sides-padding [ - ]
(111)-096-margin-x-y-axis [ - ]
(112)-097-padding-with-breakpoints [ - ]
(113)-098-margin-with-breakpoints [ - ]
(114)-099-negative-margin-with-breakpoints [ - ]
(115)-101-colors [ - ]
(116)-102-text-formatting [ - ]
(117)-103-user-select-none [ - ]
(118)-104-user-select-auto [ - ]
(119)-105-user-select-all [ - ]
(120)-106-font-size [ - ]

(121)-list [ ]

(122)-107-list-unstyled [ - ]
(123)-108-list-inline [ - ]
(124)-109-blockquote [ - ]
(125)-110-button-color [ - ]
(126)-120-list-group [ - ]
(127)-121-without-outer-border [ - ]
(128)-122-active-and-disabled [ - ]
(129)-123-list-with-color [ - ]
(130)-124-horizontal-list-with-breakpoints [ - ]
(131)-125-list-with-clickable-and-color [ - ]
(132)-126-simple-table [ - ]
(133)-138-pagination [ - ]
(134)-139-breadcrumb [ - ]
(135)-140-gutter-x-axis-bv5 [ - ]
(136)-144-line-height-bv5 [ - ]
(137)-145-border-color-table-bv5 [ - ]
(138)-146-table-align-bv5 [ - ]
(139)-147-table-align-baseline-bv5 [ - ]
(140)-148-container-breakpoint-bv5 [ - ]
(141)-149-radio-checkbox-forms-control-form [ - ]
(142)-150-form-inline [ - ]
(143)-151-custom-form [ - ]
(144)-152-image_video [ - ]
(145)-153-a-cards [ - ]
(146)-153-border-shadow [ - ]
(147)-154-media_twitter-type [ - ]
(148)-155-badges_notification_with_number [ - ]
(149)-156-progress-bar [ - ]
(150)-157-spinner [ - ]
(151)-158-jumbotron [ - ]

(200)-Project [ ]

(201)-100-project [ - ]

1

Paris