Please enable JavaScript.
Coggle requires JavaScript to display documents.
BOOTSTRAP (Basic Classes Offered (container, container-fluid, img, img…
BOOTSTRAP
Provides...
Quick development
Customizable
Responsiveness
Seamless user experience
Basic Classes Offered
container
container-fluid
img
img-responsive
img-rounded
img-circle
img-thumbnail
embed-responsive
embed-responsive-16by9
embed-responsive-item
embed-responsive-4by3
row
col-##-#
col-##-offset-#
col-##-pull-# (1-11)
col-##-push-#(1-11)
table
table-striped
table-bordered
table-hovered
table-condensed
active
success
danger
info
warning
text-right
text-left
text-center
text-justify
text-lowercase
text-uppercase
text-capitalize
text-muted
text-primary
text-success
text-warning
text-info
text-danger
bg-primary
bg-success
bg-info
bg-warning
bg-danger
navbar-default
navbar-inverse
navbar-collapse
navbar-toggle
navbar-header
navbar-brand
navbar-fixed-# (right,left,top,bottom)
navbar-static-# (right,left,top,bottom)
navbar-# (right,left)
navbar-# (form, button, text, link)
dropdown
dropdown-toggle
dropdown-menu
navbar-btn
navbar-form
form-group
breadcrumb
nav
nav-tabs
nav-pills
nav-stacked
nav-justified
tab-pane fade
tab-content
form
form-inline
control-label
form-horizontal
radio-online
radio
checkbox
form-group-# (sm,xs,md,lg)
input-group-# (sm,xs,md,lg)
form-control-static
help-block
input-group
input-group-addon
has-success
has-error
has-warning
form-control-feedback
btn-info
btn-success
btn-warning
btn-primary
btn-danger
btn-default
btn-link
btn-# (lg,sm,xs,block)
btn-group
btn-group-justified
glyphicon
glyphicon-#
glyphicon-#=#
well
collapse
carousel-#
focus
modal
modal-# (header,body,footer)
page-header
panel-# (body,heading,title,footer,default,primary,success,info,warning,danger)
media
media-# (left,object,body,right,heading,top,bottom,middle)
panel
list-group
list-group-item
list-group-item-# (success,info,warning,danger)
pagination
pagination-# (lg,sm)
pager,previous,next
alert
close
alert-# (warning,danger,success,info)
alert-link
progress-bar
progress
progress-bar-# (info,warning,danger,success,striped,stacked)
Basic Features offered
Grid
Rows
Breakpoints
xs
: width <
768px
sm
: width ≥
768px
md
: width ≥
992px
lg
: width ≥
1200px
Columns (
12
)
Column Offset
Column Ordering
Table
(table-responsive--> scrolls<768)
Basic Styling Offered
Headings
Lists
Paragraphs
Addresses
Quotes
Emphasis text
Responsive Typography
h1 Bootstrap heading (36px)
h2 Bootstrap heading (30px)
h3 Bootstrap heading (24px)
h4 Bootstrap heading (18px)
h5 Bootstrap heading (14px)
h6 Bootstrap heading (12px)
Glyphicons
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
Jumbotron
Bootstrap Well
Basic Custom Events Offered
Collapse() Methods
show.bs.collapse
shown.bs.collapse
hide.bs.collapse
hidden.bs.collapse
Carousel () Methods
cycle
pause
number
prev
next
slide.bs.carousel
slid.bs.carousel
Tooltip() Methods
shows
hide
toggle
destroy
Hiden.bs.tooltip
shown.bs.tooltip
show.bs.tooltip
hide.bs.tooltip
Popover() Method
options
shows
hide
toggle
destroy
hidden.bs.popover
hide.bs.popover
show.bs.popover
shown.bs.popover
Affix() Methods
affix.bs.affix
affixed.bs.affix
affixed-top.bs.affix
affix-top.bs.affix
affix-bottom.bs.affix
affixed-bottom.bs.affix
Basic Components Offered
Bootstrap containers
Responsive Images
Grids
Navbar
Typography classes
Labels
Forms and Buttons
Glyphicons
Dropdown menus
Carousel
Modals
Bootstrap templates