All New Code
login
rajats.in
php
css
sql
bs
ai
java
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