Docsity
Docsity
Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity

Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan

Guidelines and tips
Guidelines and tips
Sell on Docsity
Sell on Docsity
Docsity AI
Docsity AI
Log inSign up

Prepare for your exams

Study with the several resources on Docsity

Find documents

Prepare for your exams with the study notes shared by other students like you on Docsity

Search for your university

Find the specific documents for your university's exams

Docsity AINEW

Summarize your documents, ask them questions, convert them into quizzes and concept maps

Explore questions

Clear up your doubts by reading the answers to questions asked by your fellow students

Earn points to download

Earn points by helping other students or get them with a premium plan

Share documents
download point icon20 Points

For each uploaded document

Answer questions
download point icon5 Points

For each given answer (max 1 per day)

All the ways to get free points
Get points immediately

Choose a premium plan with all the points you need

Study Opportunities

Choose your next study program

Get in touch with the best universities in the world. Search through thousands of universities and official partners

Community

Ask the community

Ask the community for help and clear up your study doubts

Free resources

Our save-the-student-ebooks!

Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors

Bootstrap classes summary, Study notes of Web Design and Development

University of AllahabadWeb Design and Development

Notes about Bootstrap classes to help students memorize the different classes

Typology: Study notes

2019/2020

Uploaded on 03/15/2020

zeinab-omran
zeinab-omran ๐Ÿ‡ธ๐Ÿ‡พ

1 document

1 / 2

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Bootstrap v4 Cheat Sheet
by Kemmojoo via cheatography.com/28261/cs/8320/
Alerts
alert-๎˜success
alert-info
alert-๎˜warning
alert-๎˜danger
alert-link
alert-๎˜dis๎˜mis๎˜sible
Breadcrumb
breadcrumb
Buttons
btn-pr๎˜imary
btn-se๎˜condary
btn-link
btn-pr๎˜ima๎˜ry-๎˜outline
btn-se๎˜con๎˜dar๎˜y-o๎˜utline
btn-su๎˜cce๎˜ss-๎˜outline
btn-in๎˜fo-๎˜outline
btn-wa๎˜rni๎˜ng-๎˜outline
btn-da๎˜nge๎˜r-o๎˜utline
Button Groups
btn-group
btn-gr๎˜oup-lg
btn-gr๎˜oup-sm
btn-gr๎˜oup๎˜-ve๎˜rtical
btn-group (nested)
dropdo๎˜wn-๎˜toggle
dropdo๎˜wn-๎˜toggle (split)
dropup
btn-to๎˜olbar
Button Modifiers
btn-lg
btn-sm
btn-block
active button
disable button
Button Modifiers (cont)
data-t๎˜oggle
checkbox as button
radio as button
Cards
card
card-block
card-i๎˜mg-top
middle image
card-i๎˜mg-๎˜bottom
card-i๎˜mg-๎˜overlay
card-i๎˜nverse
card-title
card-s๎˜ubtitle
card-link
card-h๎˜eader
card-f๎˜ooter
card-p๎˜rimary
card-s๎˜uccess
card-info
card-w๎˜arning
card-d๎˜anger
card-group
card-d๎˜eck๎˜-wr๎˜apper
card-c๎˜olumns
Carousel
carousel slide
carous๎˜el-๎˜caption
Collapse
collapse
accordion
Dropdowns
dropdown
dropdown open
dropdo๎˜wn-๎˜header
dropdo๎˜wn-๎˜divider
dropdo๎˜wn-item disabled
Forms
form
form-i๎˜nline
form using the grid
form-group
form-c๎˜ontrol
form-c๎˜ont๎˜rol๎˜-file
radio
disabled radio
radio-๎˜inline
checkbox
checkb๎˜ox-๎˜inline
Form Modifiers
form-c๎˜ont๎˜rol-lg
form-c๎˜ont๎˜rol-sm
has-su๎˜ccess
has-wa๎˜rning
has-danger
Form Input Groups
input-๎˜group
input-๎˜gro๎˜up-lg
input-๎˜gro๎˜up-sm
checkbox
radio
input-๎˜gro๎˜up-btn
dropdown
segmented buttons
Custom Forms
c-input c-checkbox
c-input c-radio
c-inpu๎˜ts-๎˜stacked
c-select
file
Grid
container
contai๎˜ner๎˜-fluid
row
col-xs-# ( < 544px)
col-sm-# ( > 544px)
col-md-# ( > 768px)
col-lg-# ( > 992px)
col-xl-# ( > 1200px)
col-*-๎˜off๎˜set-#
col-*-๎˜push-#
col-*-๎˜pull-#
nested columns
Images
img-fluid
img-ro๎˜unded
img-circle
img-th๎˜umbnail
Jumbotron
jumbotron
jumbot๎˜ron๎˜-fluid
Labels
label-๎˜default
label-pill
label-๎˜primary
label-๎˜success
label-info
label-๎˜warning
label-๎˜danger
By Kemmojoo
cheatography.com/kemmojoo/
Published 1st June, 2016.
Last updated 1st June, 2016.
Page 1 of 2.
Sponsored by Readability-Score.com
Measure your website readability!
https://readability-score.com
pf2

Partial preview of the text

Download Bootstrap classes summary and more Study notes Web Design and Development in PDF only on Docsity!

Bootstrap v4 Cheat Sheet

by Kemmojoo via cheatography.com/28261/cs/8320/

Alerts alert-success alert-info alert-warning alert-danger alert-link alert-dismissible Breadcrumb breadcrumb Buttons btn-primary btn-secondary btn-link btn-primary-outline btn-secondary-outline btn-success-outline btn-info-outline btn-warning-outline btn-danger-outline Button Groups btn-group btn-group-lg btn-group-sm btn-group-vertical btn-group (nested) dropdown-toggle dropdown-toggle (split) dropup btn-toolbar Button Modifiers btn-lg btn-sm btn-block active button disable button Button Modifiers (cont) data-toggle checkbox as button radio as button Cards card card-block card-img-top middle image card-img-bottom card-img-overlay card-inverse card-title card-subtitle card-link card-header card-footer card-primary card-success card-info card-warning card-danger card-group card-deck-wrapper card-columns Carousel carousel slide carousel-caption Collapse collapse accordion Dropdowns dropdown dropdown open dropdown-header dropdown-divider dropdown-item disabled Forms form form-inline form using the grid form-group form-control form-control-file radio disabled radio radio-inline checkbox checkbox-inline Form Modifiers form-control-lg form-control-sm has-success has-warning has-danger Form Input Groups input-group input-group-lg input-group-sm checkbox radio input-group-btn dropdown segmented buttons Custom Forms c-input c-checkbox c-input c-radio c-inputs-stacked c-select file Grid container container-fluid row col-xs-# ( < 544px) col-sm-# ( > 544px) col-md-# ( > 768px) col-lg-# ( > 992px) col-xl-# ( > 1200px) col--offset-# col--push-# col-*-pull-# nested columns Images img-fluid img-rounded img-circle img-thumbnail Jumbotron jumbotron jumbotron-fluid Labels label-default label-pill label-primary label-success label-info label-warning label-danger By Kemmojoo cheatography.com/kemmojoo/ Published 1st June, 2016. Last updated 1st June, 2016. Page 1 of 2. Sponsored by Readability-Score.com Measure your website readability! https://readability-score.com

Bootstrap v4 Cheat Sheet

by Kemmojoo via cheatography.com/28261/cs/8320/

List Group list-group list-group with links list-group-item list-group-item active list-group-item disabled list-group-item-success list-group-item-danger list-group-item labels list-group-item-heading list-group-item-text Media Objects media media-middle media-bottom media-left media-right media-list nested media Modal modal modal fade modal-lg modal-sm Navs ul.nav nav.nav nav-inline nav-tabs nav-pills nav-stacked nav-tabs with dropdown nav-pills with drodown Navbar navbar navbar-brand navbar with form navbar bg-* navbar-light navbar-dark navbar-fixed-top navbar-fixed-bottom navbar with collapse navbar.toggleable-* Pagination pagination page-item disabled page-item active pagination-lg pagination-sm pager pager-prev pager-next disabled pager Progress progress progress IE9 fix progress-striped progress-animated progress-success progress-info Resonsice Utilities hidden--down hidden--up visible-print-block visible-print-inline visible-print-inline-block hidden-print Scrollspy data-spy Tables table table-inverse thead-inverse thead-default table-striped table-bordered table-hover table-sm table-responsive table-reflow table-active table-danger Typography display-# (1-4) lead blockquote- blockquote-footer blockquote-reverse list-unstyled list-inline dl-horizontal Utility Classes text-justify text-nowrap text--left text--right text-lowercase text-uppercase text-capitalize font-weight-bold font-weight-normal font-italic text-muted Utility Classes (cont) text-primary text-success text-info text-warning text-danger bg-primary bg-success bg-info bg-warning bg-danger bg-inverse close pull--left pull--right pull-*-none center-block clearfix invisible sr-only sr-only-focusable text-hide embed-responsive By Kemmojoo cheatography.com/kemmojoo/ Published 1st June, 2016. Last updated 1st June, 2016. Page 2 of 2. Sponsored by Readability-Score.com Measure your website readability! https://readability-score.com