Bootstrap grid in Telugu | Bootstrap grid layout | Bootstrap tutorials |Bootstrap grid system

#html #css #javascript #webdevelopment
Angular Full tutorials

CSS GRID in Detail

JavaScript full playlist

CSS fill playlist

HTML full playlist

HackerRank Python Solutions

fetch api in javascript

async await in javascript

promises in javascript

AJAX in JavaScript

Responsive Navigation Bar

Captcha validation in JavaScript

Todo List using html css javascript

Calculator using html css javascript

How to create website using HTML CSS JavaScript

Random Quote Generator using HTML CSS JavaScript

Stop watch using HTML CSS JavaScript

Image Slider Using JavaScript

CSS Flex box tutorial

Bootstrap grid in Telugu
Bootstrap grid layout in Telugu
Bootstrap grid template
Bootstrap grid tutorials
Bootstrap grid system
Bootstrap grid system in Telugu
CSS grid in Telugu
Bootstrap grid classes
Bootstrap grid layout
Bootstrap grid
grid in Bootstrap
Bootstrap grid classes in Telugu
Bootstrap grid in detail
Bootstrap grid with example
Bootstrap grid layout in Telugu
Bootstrap in Telugu
Bootstrap full course
Bootstrap for beginners in telugu
Bootstrap tutorial in telugu
CSS for beginners
Learn Bootstrap
CSS tutorial for beginners,CSS Bootstrap in Telugu
CSS Animations full course
CSS for beginners in telugu
CSS tutorial in telugu
CSS for beginners
Learn CSS
Bootstrap tutorial for beginners
Bootstrap full course
Bootstrap for beginners
Bootstrap for beginners in telugu
Bootstrap for beginners tutorial
Bootstrap for beginners full course
Bootstrap in one video
Learn JavaScript basics
How to start web development
Learn web development in Telugu
web development full course in Telugu
web development career
How to start web development in Telugu
web development for beginners in Telugu
How to learn web development in Telugu
web development course for beginners in Telugu
web development course easy
How to create website in Telugu
Web development course from scratch
DOM Manipulation in JavaScript
DOM Manipulation
Learn CSS easily
CSS for beginners
Learn CSS
CSS in 1 hour
CSS course for beginners
Learn CSS in 1 hour
CSS
CSS for beginners in Telugu
CSS selectors in html
CSS tutorial for beginners
CSS course
CSS for beginners in Telugu
CSS tutorial in Telugu
CSS crash course

[codecreator]

1) 00:00:21 how bootstrap will work explain here.
2) 00:00:30 for create grid layout which class we are used explain here.
3) 00:00:50 why we use grid layout explain here.
4) 00:00:57 responsive layout meaning explain here.
5) 00:01:22 non responsive website.
6) 00:02:36 sample html pahe.
7) 00:03:20 how the bootstap will work in grid system. (bootstap each row divided into 12columns.
8) 00:04:00 meaning of the column.
9) 00:04:20 how we can divided the column in the row.
10)     00:04:48 difference between col and col-.  (eg:if we take col-6 meaning of this we are merging six parts in to single column (each column consist 6 merged parts) ani meaning.
11) 00:07:35 note point what happen if we insert more than 12 columns in a single row.
12) 00:08:15 (if we want 3 columns as output how many parts we want to merge.
13) 00:09:25 explain about bootstap how to use in our code.
15) 00:11:100 difference between col and col- .
16) 00:15:40 if we clearly obserbe here single row only increare because 12 parts completed then only it will break into new line 
17) 00:18:05 bootstap classfor margin. (how we know for whcih propery which class we want ot use)
18) 00:22:20 note point for the column parts merge share.
19) 00:24:30 breakpoints (how many columns want to display according to the based on hte deveice width)
20) 00:25:50 bootstap provide classes based on the width of difference devices
21)00:26:30 for single element we can give multibale classes
22) 00:28:10 implement of the html structure with different classes to a single element.
23) 00:3047 explain why it occupy that much place only.
24) 00:35:40 large devide.
25) 00:36:03 medium device.
26) 00:36:22 small device.
27) 00:36:35 extra small device.
28)

note:when the width will decrease the content break and come into new line.
when the width width will increase the conent will come beside eachother.
3)here row class will work as a parent it is not a row. we are confused in this point.
4)(how we know for whcih propery which class we want ot use)
5)  (which is written on the sharp side is min) < (which iswrite on the open side is the max value)

1) min-width:0px and max-width:576px (extra small ) col 
2) min-width:576px to max-width:768px( small )--sm
3) min-width: 768px to max-width:992px (medium)--md
4) min-width: 992px to max-width:1200px (large)--lg
5)min-width: 1200px  (extra large) here max width is not define --xl

[guntreddidhanunjayanaidu]

మీరు ఏదైనా చాలా చక్కగా లోతుగా చెప్ప గలరు.

[gopalchithukati]

Nuv super 😘😘😘 nuvv normal ga class lu ofline lo tisukuntavaaa

[manojravula]

react start cheyachu ga mam, react with bootstrap use avuthayi only html, css, bootstrap kante react lo chepthe useful ga untundhi

[vikkivikas]

First linelo col-3 okkate icharu, second linelo col col-4 icharu rendu okatenaa andi. First col okkate icharu next two cols use chesaaru adi

[brosquadyt]

Akka -container lo kadha row class div theeskovalsindhi... Nuvventi row class div ke -container class add chesav... Andhukenemo sides gap chuuinchatla normal ga bootstrap lo left and right side space untundhga content ki... Please check this once..??

[UBHiringServices]

@media gurinchi inkaa detail ga cheppandi plj...

[mohankrishna]

.col-lg-, .col-sm-, .col-md-, .col-xl-, .col-xxl-
=> we need to mention the above prefix in every document for responsive result or "Bootstrap" link is enough to auto-responsive the page without mentioning above one.
Can you explain?

[ravipaidipelli]

How to align without space between columns in vertical alignment

[uQlick]

Mam class lo ఏ name అయిన పెట్టుకోవచ్చా లేకపోతే ఏమైనా కచ్చితమైన names ఉన్నాయా...?

[prasadchowdary]

Add some more depth and add the real life scenarios