Grid Features

The default Bootstrap grid system utilizes 12 columns. Below 767px viewports, the columns become fluid and stack vertically.

For more details, you can refer to Twitter Bootstrap documentations.

1
1
1
1
1
1
1
1
1
1
1
1
2
2
2
2
2
2
3
3
3
3
4
4
4
6
6
5
2
5

Typography

Heading : All HTML headings, h1 through h6 are available.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Buttons
href="#" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">Button Text Button Text Button Text Button Text Button Text Button Text Button Text



[row][span size=”6″]
Alerts
[alert type=”info”] INFO[/alert] [alert type=”danger”] DANGER[/alert] [alert type=”warning”] WARNING[/alert] [alert type=”success”] SUCCESS[/alert][/span][span size=”3″]
Labels

Default
Success
Warning
Important
Info
Inverse[/span][span size=”3″]

Labels

1
2
4
6
8
10
[/span][/row]


Modal Box

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

For details implementation, visit Twitter Bootstrap documentation.


Launch demo modal


Tabs

Add quick, dynamic tab functionality to transiton through panes of local content, even via dropdown menus.

Home tab content
Profile tab content
Message tab content
Setting tab content

Collapsable Tab

Get base styles and flexible support for collapsible components like accordions and navigation.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna.

Payment Option

There’s 14 payment option icons ready for you to choose.


Icons

Humbleshop is using entypo font icons, 200+ in total.

  • icon-plus
  • icon-minus
  • icon-info
  • icon-left-thin
  • icon-up-thin
  • icon-right-thin
  • icon-down-thin
  • icon-level-up
  • icon-level-down
  • icon-switch
  • icon-infinity
  • icon-plus-squared
  • icon-minus-squared
  • icon-home
  • icon-keyboard
  • icon-erase
  • icon-pause
  • icon-fast-forward
  • icon-fast-backward
  • icon-to-end
  • icon-to-start
  • icon-hourglass
  • icon-stop
  • icon-up-dir
  • icon-play
  • icon-right-dir
  • icon-down-dir
  • icon-left-dir
  • icon-adjust
  • icon-cloud
  • icon-star
  • icon-star-empty
  • icon-cup
  • icon-menu
  • icon-moon
  • icon-heart-empty
  • icon-heart
  • icon-note
  • icon-note-beamed
  • icon-layout
  • icon-flag
  • icon-tools
  • icon-cog
  • icon-attention
  • icon-flash
  • icon-record
  • icon-cloud-thunder
  • icon-tape
  • icon-flight
  • icon-mail
  • icon-pencil
  • icon-feather
  • icon-check
  • icon-cancel
  • icon-cancel-circled
  • icon-cancel-squared
  • icon-help
  • icon-quote
  • icon-plus-circled
  • icon-minus-circled
  • icon-right
  • icon-direction
  • icon-forward
  • icon-ccw
  • icon-cw
  • icon-left
  • icon-up
  • icon-down
  • icon-list-add
  • icon-list
  • icon-left-bold
  • icon-right-bold
  • icon-up-bold
  • icon-down-bold
  • icon-user-add
  • icon-help-circled
  • icon-info-circled
  • icon-eye
  • icon-tag
  • icon-upload-cloud
  • icon-reply
  • icon-reply-all
  • icon-code
  • icon-export
  • icon-print
  • icon-retweet
  • icon-comment
  • icon-chat
  • icon-vcard
  • icon-address
  • icon-location
  • icon-map
  • icon-compass
  • icon-trash
  • icon-doc
  • icon-doc-text-inv
  • icon-docs
  • icon-doc-landscape
  • icon-archive
  • icon-rss
  • icon-share
  • icon-basket
  • icon-shareable
  • icon-login
  • icon-logout
  • icon-volume
  • icon-resize-full
  • icon-resize-small
  • icon-popup
  • icon-publish
  • icon-window
  • icon-arrow-combo
  • icon-chart-pie
  • icon-language
  • icon-air
  • icon-database
  • icon-drive
  • icon-bucket
  • icon-thermometer
  • icon-down-circled
  • icon-left-circled
  • icon-right-circled
  • icon-up-circled
  • icon-down-open
  • icon-left-open
  • icon-right-open
  • icon-up-open
  • icon-down-open-mini
  • icon-left-open-mini
  • icon-right-open-mini
  • icon-up-open-mini
  • icon-down-open-big
  • icon-left-open-big
  • icon-right-open-big
  • icon-up-open-big
  • icon-progress-0
  • icon-progress-1
  • icon-progress-2
  • icon-progress-3
  • icon-back-in-time
  • icon-network
  • icon-inbox
  • icon-install
  • icon-lifebuoy
  • icon-mouse
  • icon-dot
  • icon-dot-2
  • icon-dot-3
  • icon-suitcase
  • icon-flow-cascade
  • icon-flow-branch
  • icon-flow-tree
  • icon-flow-line
  • icon-flow-parallel
  • icon-brush
  • icon-paper-plane
  • icon-magnet
  • icon-gauge
  • icon-traffic-cone
  • icon-cc
  • icon-cc-by
  • icon-cc-nc
  • icon-cc-nc-eu
  • icon-cc-nc-jp
  • icon-cc-sa
  • icon-cc-nd
  • icon-cc-pd
  • icon-cc-zero
  • icon-cc-share
  • icon-cc-remix
  • icon-github
  • icon-github-circled
  • icon-flickr
  • icon-flickr-circled
  • icon-vimeo
  • icon-vimeo-circled
  • icon-twitter
  • icon-twitter-circled
  • icon-facebook
  • icon-facebook-circled
  • icon-facebook-squared
  • icon-gplus
  • icon-gplus-circled
  • icon-pinterest
  • icon-pinterest-circled
  • icon-tumblr
  • icon-tumblr-circled
  • icon-linkedin
  • icon-linkedin-circled
  • icon-dribbble
  • icon-dribbble-circled
  • icon-wordpress
  • icon-instagram
  • icon-stumbleupon
  • icon-stumbleupon-circled
  • icon-lastfm
  • icon-lastfm-circled
  • icon-rdio
  • icon-rdio-circled
  • icon-spotify
  • icon-spotify-circled
  • icon-qq
  • icon-instagrem
  • icon-dropbox
  • icon-evernote
  • icon-flattr
  • icon-skype
  • icon-skype-circled
  • icon-renren
  • icon-sina-weibo
  • icon-paypal
  • icon-picasa
  • icon-soundcloud
  • icon-mixi
  • icon-behance
  • icon-google-circles
  • icon-vkontakte
  • icon-smashing
  • icon-db-shape
  • icon-sweden
  • icon-logo-db
  • icon-picture
  • icon-globe
  • icon-leaf
  • icon-graduation-cap
  • icon-mic
  • icon-palette
  • icon-ticket
  • icon-video
  • icon-target
  • icon-music
  • icon-trophy
  • icon-thumbs-up
  • icon-thumbs-down
  • icon-bag
  • icon-user
  • icon-users
  • icon-lamp
  • icon-alert
  • icon-water
  • icon-droplet
  • icon-credit-card
  • icon-monitor
  • icon-briefcase
  • icon-floppy
  • icon-cd
  • icon-folder
  • icon-doc-text
  • icon-calendar
  • icon-chart-line
  • icon-chart-bar
  • icon-clipboard
  • icon-attach
  • icon-bookmarks
  • icon-book
  • icon-book-open
  • icon-phone
  • icon-megaphone
  • icon-upload
  • icon-download
  • icon-box
  • icon-newspaper
  • icon-mobile
  • icon-signal
  • icon-camera
  • icon-shuffle
  • icon-loop
  • icon-arrows-ccw
  • icon-light-down
  • icon-light-up
  • icon-mute
  • icon-sound
  • icon-battery
  • icon-search
  • icon-key
  • icon-lock
  • icon-lock-open
  • icon-bell
  • icon-bookmark
  • icon-link
  • icon-back
  • icon-flashlight
  • icon-chart-area
  • icon-clock
  • icon-rocket
  • icon-block