Submit Search
Upload
Web Design Course - Lecture 18 - Boostrap, Gatting started, grid system, tables
•
Download as PPTX, PDF
•
0 likes
•
128 views
A
Al-Mamun Sarkar
Follow
Web Design Course - Lecture 18 - Boostrap, Gatting started, grid system, tables
Read less
Read more
Design
Report
Share
Report
Share
1 of 8
Download now
Recommended
Web Design Course - Lecture 21 - Bootstrap Jumbotron, Thumbnails, Alerts, Pro...
Web Design Course - Lecture 21 - Bootstrap Jumbotron, Thumbnails, Alerts, Pro...
Al-Mamun Sarkar
Web Design Course - Lecture 20 - Bootstrap Dropdown, Button group, Input grou...
Web Design Course - Lecture 20 - Bootstrap Dropdown, Button group, Input grou...
Al-Mamun Sarkar
smoke1272528461
smoke1272528461
mxsmoketest
Prova
Prova
judma
Blogs como gerenciar
Blogs como gerenciar
Andrelma
Blogs como gerenciar
Blogs como gerenciar
emedomimgues
Blogs como gerenciar
Blogs como gerenciar
Edna17
Blogs como gerenciar
Blogs como gerenciar
RosemeireDomingues
Recommended
Web Design Course - Lecture 21 - Bootstrap Jumbotron, Thumbnails, Alerts, Pro...
Web Design Course - Lecture 21 - Bootstrap Jumbotron, Thumbnails, Alerts, Pro...
Al-Mamun Sarkar
Web Design Course - Lecture 20 - Bootstrap Dropdown, Button group, Input grou...
Web Design Course - Lecture 20 - Bootstrap Dropdown, Button group, Input grou...
Al-Mamun Sarkar
smoke1272528461
smoke1272528461
mxsmoketest
Prova
Prova
judma
Blogs como gerenciar
Blogs como gerenciar
Andrelma
Blogs como gerenciar
Blogs como gerenciar
emedomimgues
Blogs como gerenciar
Blogs como gerenciar
Edna17
Blogs como gerenciar
Blogs como gerenciar
RosemeireDomingues
Django の認証処理実装パターン / Django Authentication Patterns
Django の認証処理実装パターン / Django Authentication Patterns
Masashi Shibata
Jackie's porfolio edited
Jackie's porfolio edited
Jacquiline Tabelin
1から始めるAMP対応
1から始めるAMP対応
Kasumi Morita
jQtouch, Building Awesome Webapps
jQtouch, Building Awesome Webapps
Home
Kohana bootstrap - modal form
Kohana bootstrap - modal form
Julio Pari
Kohana bootstrap - modal form
Kohana bootstrap - modal form
Julio Pari
jQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveis
Pablo Garrido
Black-Scholes Calculator on Web
Black-Scholes Calculator on Web
Eugene Yang
Meta Programming with JavaScript
Meta Programming with JavaScript
jeresig
a-blog cms でAMPに対応する
a-blog cms でAMPに対応する
Kasumi Morita
Perfil
Perfil
jhocar31
Warning 2
Warning 2
XhackerPatrick Hufalar
Atomic design con pattern lab
Atomic design con pattern lab
UX Nights
MTDDC Meetup TOKYO 2016
MTDDC Meetup TOKYO 2016
bitpart
Desenvolvimento web com jQuery Mobile
Desenvolvimento web com jQuery Mobile
Pablo Garrido
Diseño de Sistemas de Diseño con Atomic Design y Pattern Lab
Diseño de Sistemas de Diseño con Atomic Design y Pattern Lab
Mauricio Angulo Sillas
Add video 2
Add video 2
Saint Columban College
jAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer Comparison
William Ghelfi
Bootstrap
Bootstrap
Sarvesh Kushwaha
Bootstrap - What the hell is it
Bootstrap - What the hell is it
LaPlante Web Development
HTML & CSS - Le Wagon Bootcamp
HTML & CSS - Le Wagon Bootcamp
Paal Ringstad
A High-Performance Solution To Microservices UI Composition
A High-Performance Solution To Microservices UI Composition
Alexey Gravanov
More Related Content
What's hot
Django の認証処理実装パターン / Django Authentication Patterns
Django の認証処理実装パターン / Django Authentication Patterns
Masashi Shibata
Jackie's porfolio edited
Jackie's porfolio edited
Jacquiline Tabelin
1から始めるAMP対応
1から始めるAMP対応
Kasumi Morita
jQtouch, Building Awesome Webapps
jQtouch, Building Awesome Webapps
Home
Kohana bootstrap - modal form
Kohana bootstrap - modal form
Julio Pari
Kohana bootstrap - modal form
Kohana bootstrap - modal form
Julio Pari
jQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveis
Pablo Garrido
Black-Scholes Calculator on Web
Black-Scholes Calculator on Web
Eugene Yang
Meta Programming with JavaScript
Meta Programming with JavaScript
jeresig
a-blog cms でAMPに対応する
a-blog cms でAMPに対応する
Kasumi Morita
Perfil
Perfil
jhocar31
Warning 2
Warning 2
XhackerPatrick Hufalar
Atomic design con pattern lab
Atomic design con pattern lab
UX Nights
MTDDC Meetup TOKYO 2016
MTDDC Meetup TOKYO 2016
bitpart
Desenvolvimento web com jQuery Mobile
Desenvolvimento web com jQuery Mobile
Pablo Garrido
Diseño de Sistemas de Diseño con Atomic Design y Pattern Lab
Diseño de Sistemas de Diseño con Atomic Design y Pattern Lab
Mauricio Angulo Sillas
Add video 2
Add video 2
Saint Columban College
jAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer Comparison
William Ghelfi
What's hot
(18)
Django の認証処理実装パターン / Django Authentication Patterns
Django の認証処理実装パターン / Django Authentication Patterns
Jackie's porfolio edited
Jackie's porfolio edited
1から始めるAMP対応
1から始めるAMP対応
jQtouch, Building Awesome Webapps
jQtouch, Building Awesome Webapps
Kohana bootstrap - modal form
Kohana bootstrap - modal form
Kohana bootstrap - modal form
Kohana bootstrap - modal form
jQuery Mobile - Desenvolvimento para dispositivos móveis
jQuery Mobile - Desenvolvimento para dispositivos móveis
Black-Scholes Calculator on Web
Black-Scholes Calculator on Web
Meta Programming with JavaScript
Meta Programming with JavaScript
a-blog cms でAMPに対応する
a-blog cms でAMPに対応する
Perfil
Perfil
Warning 2
Warning 2
Atomic design con pattern lab
Atomic design con pattern lab
MTDDC Meetup TOKYO 2016
MTDDC Meetup TOKYO 2016
Desenvolvimento web com jQuery Mobile
Desenvolvimento web com jQuery Mobile
Diseño de Sistemas de Diseño con Atomic Design y Pattern Lab
Diseño de Sistemas de Diseño con Atomic Design y Pattern Lab
Add video 2
Add video 2
jAPS 2 0 - Presentation Layer Comparison
jAPS 2 0 - Presentation Layer Comparison
Similar to Web Design Course - Lecture 18 - Boostrap, Gatting started, grid system, tables
Bootstrap
Bootstrap
Sarvesh Kushwaha
Bootstrap - What the hell is it
Bootstrap - What the hell is it
LaPlante Web Development
HTML & CSS - Le Wagon Bootcamp
HTML & CSS - Le Wagon Bootcamp
Paal Ringstad
A High-Performance Solution To Microservices UI Composition
A High-Performance Solution To Microservices UI Composition
Alexey Gravanov
CSS framework By Palash
CSS framework By Palash
PalashBajpai
Quickstrat bootstrap
Quickstrat bootstrap
Deni Ywn
Bootstrap
Bootstrap
PumoTechnovation
Quickstrat fusionchart
Quickstrat fusionchart
Deni Ywn
Introduction to React and Flux (CodeLabs)
Introduction to React and Flux (CodeLabs)
Eueung Mulyana
Twitter bootstrap
Twitter bootstrap
Veck Hsiao
Bootstrap.pptx
Bootstrap.pptx
vishal choudhary
Dandelion 0.10.0
Dandelion 0.10.0
Thibault DUCHATEAU
Introduction to Bootstrap
Introduction to Bootstrap
Ron Reiter
Delivering a Responsive UI
Delivering a Responsive UI
Rebecca Murphey
Resource Registries: Plone Conference 2014
Resource Registries: Plone Conference 2014
Rob Gietema
Build Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje Jurišić
MeetMagentoNY2014
Create president quotes web part using share point rest api and bootstrap
Create president quotes web part using share point rest api and bootstrap
Rajkiran Swain
Enough with the JavaScript already!
Enough with the JavaScript already!
Nicholas Zakas
Upload[1]
Upload[1]
mirjana stojanova
20190118_NetadashiMeetup#8_React2019
20190118_NetadashiMeetup#8_React2019
Makoto Mori
Similar to Web Design Course - Lecture 18 - Boostrap, Gatting started, grid system, tables
(20)
Bootstrap
Bootstrap
Bootstrap - What the hell is it
Bootstrap - What the hell is it
HTML & CSS - Le Wagon Bootcamp
HTML & CSS - Le Wagon Bootcamp
A High-Performance Solution To Microservices UI Composition
A High-Performance Solution To Microservices UI Composition
CSS framework By Palash
CSS framework By Palash
Quickstrat bootstrap
Quickstrat bootstrap
Bootstrap
Bootstrap
Quickstrat fusionchart
Quickstrat fusionchart
Introduction to React and Flux (CodeLabs)
Introduction to React and Flux (CodeLabs)
Twitter bootstrap
Twitter bootstrap
Bootstrap.pptx
Bootstrap.pptx
Dandelion 0.10.0
Dandelion 0.10.0
Introduction to Bootstrap
Introduction to Bootstrap
Delivering a Responsive UI
Delivering a Responsive UI
Resource Registries: Plone Conference 2014
Resource Registries: Plone Conference 2014
Build Better Responsive websites. Hrvoje Jurišić
Build Better Responsive websites. Hrvoje Jurišić
Create president quotes web part using share point rest api and bootstrap
Create president quotes web part using share point rest api and bootstrap
Enough with the JavaScript already!
Enough with the JavaScript already!
Upload[1]
Upload[1]
20190118_NetadashiMeetup#8_React2019
20190118_NetadashiMeetup#8_React2019
More from Al-Mamun Sarkar
01 Introductions to System Design
01 Introductions to System Design
Al-Mamun Sarkar
Introduction to machine learning
Introduction to machine learning
Al-Mamun Sarkar
Software Development Life Cycle (SDLC)
Software Development Life Cycle (SDLC)
Al-Mamun Sarkar
Understanding Wordpress Plugn and Theme users' behavior
Understanding Wordpress Plugn and Theme users' behavior
Al-Mamun Sarkar
Database Management - Lecture 4 - PHP and Mysql
Database Management - Lecture 4 - PHP and Mysql
Al-Mamun Sarkar
Database Management - Lecture 3 - SQL Aggregate Functions, Join
Database Management - Lecture 3 - SQL Aggregate Functions, Join
Al-Mamun Sarkar
Database Management - Lecture 2 - SQL select, insert, update and delete
Database Management - Lecture 2 - SQL select, insert, update and delete
Al-Mamun Sarkar
Database Management - Lecture 1
Database Management - Lecture 1
Al-Mamun Sarkar
PHP Lecture 6 - Php file uploading
PHP Lecture 6 - Php file uploading
Al-Mamun Sarkar
PHP Lecture 5 - Date time, Include, session
PHP Lecture 5 - Date time, Include, session
Al-Mamun Sarkar
PHP Lecture 4 - Working with form, GET and Post Methods
PHP Lecture 4 - Working with form, GET and Post Methods
Al-Mamun Sarkar
PHP Lecture 3 - Functions
PHP Lecture 3 - Functions
Al-Mamun Sarkar
PHP Lecture 2 - Conditional Statement, Loop
PHP Lecture 2 - Conditional Statement, Loop
Al-Mamun Sarkar
PHP Lecture 1 - String, Constants, Arrays, Operators
PHP Lecture 1 - String, Constants, Arrays, Operators
Al-Mamun Sarkar
Web Design Course - Lecture 11 - CSS3, Border radius, Box shadow
Web Design Course - Lecture 11 - CSS3, Border radius, Box shadow
Al-Mamun Sarkar
Web Design Course - Lecture 10 - Floating, Align, navigation bar, Image galle...
Web Design Course - Lecture 10 - Floating, Align, navigation bar, Image galle...
Al-Mamun Sarkar
Web Design Course - Lecture 9 - Border, Padding and Margin, Display
Web Design Course - Lecture 9 - Border, Padding and Margin, Display
Al-Mamun Sarkar
Web Design Course - Lecture 7 - Basic Css
Web Design Course - Lecture 7 - Basic Css
Al-Mamun Sarkar
Web Design Course - Lecture 6 - HTML form and form validation
Web Design Course - Lecture 6 - HTML form and form validation
Al-Mamun Sarkar
Web Design Course - Lecture 5 - iframe, Color, Enities and symbols, Audio and...
Web Design Course - Lecture 5 - iframe, Color, Enities and symbols, Audio and...
Al-Mamun Sarkar
More from Al-Mamun Sarkar
(20)
01 Introductions to System Design
01 Introductions to System Design
Introduction to machine learning
Introduction to machine learning
Software Development Life Cycle (SDLC)
Software Development Life Cycle (SDLC)
Understanding Wordpress Plugn and Theme users' behavior
Understanding Wordpress Plugn and Theme users' behavior
Database Management - Lecture 4 - PHP and Mysql
Database Management - Lecture 4 - PHP and Mysql
Database Management - Lecture 3 - SQL Aggregate Functions, Join
Database Management - Lecture 3 - SQL Aggregate Functions, Join
Database Management - Lecture 2 - SQL select, insert, update and delete
Database Management - Lecture 2 - SQL select, insert, update and delete
Database Management - Lecture 1
Database Management - Lecture 1
PHP Lecture 6 - Php file uploading
PHP Lecture 6 - Php file uploading
PHP Lecture 5 - Date time, Include, session
PHP Lecture 5 - Date time, Include, session
PHP Lecture 4 - Working with form, GET and Post Methods
PHP Lecture 4 - Working with form, GET and Post Methods
PHP Lecture 3 - Functions
PHP Lecture 3 - Functions
PHP Lecture 2 - Conditional Statement, Loop
PHP Lecture 2 - Conditional Statement, Loop
PHP Lecture 1 - String, Constants, Arrays, Operators
PHP Lecture 1 - String, Constants, Arrays, Operators
Web Design Course - Lecture 11 - CSS3, Border radius, Box shadow
Web Design Course - Lecture 11 - CSS3, Border radius, Box shadow
Web Design Course - Lecture 10 - Floating, Align, navigation bar, Image galle...
Web Design Course - Lecture 10 - Floating, Align, navigation bar, Image galle...
Web Design Course - Lecture 9 - Border, Padding and Margin, Display
Web Design Course - Lecture 9 - Border, Padding and Margin, Display
Web Design Course - Lecture 7 - Basic Css
Web Design Course - Lecture 7 - Basic Css
Web Design Course - Lecture 6 - HTML form and form validation
Web Design Course - Lecture 6 - HTML form and form validation
Web Design Course - Lecture 5 - iframe, Color, Enities and symbols, Audio and...
Web Design Course - Lecture 5 - iframe, Color, Enities and symbols, Audio and...
Recently uploaded
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Pooja Nehwal
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
mirandajeremy200221
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Delhi Call girls
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
Amil baba
Petrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptx
IgnatiusAbrahamBalin
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
kojalkojal131
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
ranjana rawat
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
Suhani Kapoor
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
anilsa9823
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Call Girls in Nagpur High Profile
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
anilsa9823
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
Suhani Kapoor
Peaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
NestorGamez6
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
janettecruzeiro1
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
Charles Obaleagbon
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
9953056974 Low Rate Call Girls In Saket, Delhi NCR
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
Suhani Kapoor
Recently uploaded
(20)
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
Petrosains Drama Competition (PSDC).pptx
Petrosains Drama Competition (PSDC).pptx
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
CALL ON ➥8923113531 🔝Call Girls Aminabad Lucknow best Night Fun service
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
Peaches App development presentation deck
Peaches App development presentation deck
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SCRIP Lua HTTP PROGRACMACION PLC WECON CA
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
Web Design Course - Lecture 18 - Boostrap, Gatting started, grid system, tables
1.
WEB DESIGN
2.
BOOTSTRAP Getting Started1 2 Tables3 5 Grid System2 4
3.
Bootstrap CDN <!-- Latest
compiled and minified CSS --> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Latest compiled JavaScript --> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
4.
Getting started <!DOCTYPE html> <html
lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h1>My First Bootstrap Page</h1> <p>This is some text.</p> </div> </body> </html>
5.
Bootstrap Grid xs (for
phones) sm (for tablets) md (for desktops) lg (for larger desktops)
6.
Bootstrap Grid <div class="row"> <div
class="col-*-*"></div> </div> <div class="row"> <div class="col-*-*"></div> <div class="col-*-*"></div> <div class="col-*-*"></div> </div> <div class="row"> ... </div>
7.
Table .table .table-striped .table-bordered .table-hover .table-condensed For tr: .active .success .info .warning .danger
8.
THANK YOU
Download now