Bootply

Bootstrap snippet snippets

snippet
Bootstrap 3 Responsive Images
3 years ago by cskelly
How to use the BS3 grid sizes to create a responsive image grid in a gallery style layout. Use the grid sizes to control different..
 
AngularJS User List - Table Grid
2 years ago by cskelly
How to: Simple user list data grid example with alternation rows using Angular and RandomUser.me's awesome API...
 
Bootstrap 3 Toggle Switch
3 years ago by cskelly
Here is a simple way to make toggle switch using Bootstrap out-of-the-box.. no custom CSS is required...
 
Bootstrap 3 Panels
3 years ago by cskelly
Bootstrap 3 preview of panel CSS class. Panels are new in BS3...
 
Navbar - center brand
3 years ago by testazoid
A complex navbar example with centered brand..
 
RGB to Hex Convert, Hex to RGB
2 years ago by bootstrap
How to convert RGB colors to HEX colors in JavaScript. HTML color converter, javascript color converter, hexadecimal converter, r..
 
Navbar - dropdown, submenu, search, social media & login.
2 years ago by bootstrap
Bootstrap top navigation with dropdown menu, search bar, social icons and login dropdown...
 
AngularJS User Profiles Grid
2 years ago by snippets
How to: Simple user image grid with Angular and RandomUser.me's awesome API! This works well for staff or profile pages...
 
Navbar - center brand, links on right and left
3 years ago by homeliss
A complex navbar example with centered brand..
 
Modal Contact Form w/ validation
2 years ago by umoren
A contact form example that pops up inside a modal. Also, includes jQuery email validation...
 
Vertical Sidebar - Accordion Menu with Submenus
2 years ago by jquery
Accordion vertical menu with submenues based on list group..
 
Bootstrap + Select2
2 years ago by testazoid
Bootstrap snippet / code Bootstrap + Select2..
 
AngularJS live character count input
2 years ago by admin
This demonstrates using AngularJS for a live character count input. This works well for posting a status update or tweet...
 
Realtime chart using Flot
3 years ago by cskelly
How to use the flot jQuery plugin to chart real-time data..
 
Bootstrap calendar
3 years ago by cskelly
A calendar snippet using the jQuery fullcalendar plugin..
 
Gmail inbox
3 years ago by snippets
Bootstrap snippet / code Gmail inbox..
 
Dual lists (List to List)
3 years ago by cskelly
A multi-list example where items can be added or removed from 2 list groups...
 
Bootstrap Login Form
3 years ago by cskelly
Example snippet for a Bootstrap login form modal..
 
AngularJS Chat / Alternating List
last year by richie457
How to: Simple user chat list example with alternation rows using Angular and RandomUser.me's awesome API...
 
Nested scrolling touch accordion menu
2 years ago by chipbaker
Bootstrap snippet / code Nested scrolling touch accordion menu..
 
Bootstrap gradient progress bar
2 years ago by cskelly
Bootstrap snippet / code Bootstrap gradient progress bar..
 
AngularJS data row edit example
2 years ago by cskelly
Bootstrap snippet / code AngularJS data row edit example..
 
AngularJS Multiple Layout Grid
2 years ago by cskelly
How to: Simple user data grid with Angular and RandomUser.me's awesome API! ..
 
5 block row with well
2 years ago by cskelly
How to create a simple row with 5 centered blocks...
 
Angular simple edit list
2 years ago by snippets
Use Bootstrap's list group along with AngularJS to make a simple list editor for form input..
 
AngularJS Chat / Alternating List
2 years ago by alepejota
How to: Simple user chat list example with alternation rows using Angular and RandomUser.me's awesome API...
 
Textarea with character count - Bootstrap 3
3 years ago by snippets
How to display a live char count using jQuery for your textarea in realtime...
 
User Profile Page for Bootstrap 3
3 years ago by bootstrap
Template for a user settings, stats or profile page. This example has a tabbed layout, table with pagination, and various user sta..
 
Bootstrap 3 Typeahead
3 years ago by skouta
A search typeahead example for Bootstrap 3..
 
Bootstrap Gallery with Modal and Carousel
3 years ago by cskelly
Example of responsive image thumbnail grid, and using the same images to populate the Bootstrap modal. Navigate gallery images ins..
 
Bootstrap 3 Rating / Voting
3 years ago by cskelly
Bootstrap snippet / code Bootstrap 3 Rating / Voting..
 
2 Column Responsive Form
2 years ago by cskelly
Bootstrap snippet / code 2 Column Responsive Form..
 
table-responsive data grid
2 years ago by bbgunmaster
Example table with action button works well as a data grid, or multiple edit form..
 
Cards / panels with thumbnails
2 years ago by jamesh64
4 columns of thumbnails, label and description below. Row of buttons on the bottom...
 
Summernote editor - AngularJS example
2 years ago by xander
Bootstrap snippet / code Summernote editor - AngularJS example..
 
Images modal example
2 years ago by bootstrap
Bootstrap snippet / code Images modal example..
 
Navbar stick to top after scroll
2 years ago by jquery
Navbar sticks to to top once user scrolls...
 
User profile
2 years ago by dashkootek
Bootstrap snippet / code User profile..
 
Simple Angular Progress Bar Directive
2 years ago by cskelly
Simple demo that shows passing isolate scope to directive and controller scope. This shows pass though from data attribute. Angula..
 
AngularJS User Profiles Grid
2 years ago by jquery
How to: Simple user image grid with Angular and RandomUser.me's awesome API! This works well for staff or profile pages...
 
Dashboard Template
2 years ago by snippets
How to use the flot jQuery plugin to chart real-time data..
 
Realtime charts using Flot
2 years ago by cskelly
How to use the flot jQuery plugin to chart real-time data..
 
Products Grid
2 years ago by aroman
4 columns of thumbnails, label and description below. Row of buttons on the bottom...
 
Nice Login
2 years ago by yurney
Bootstrap top navigation with dropdown menu, search bar, social icons and login dropdown...
 
Listing in panel
2 years ago by eneural
Bootstrap snippet / code Listing in panel..
 
Panel with status table
2 years ago by snippets
A collapsing panel with 2 column table..
 
Bootstrap 3 Table Hover
3 years ago by subwiz00
Bootstrap snippet / code Bootstrap 3 Table Hover..
 
Accordion menu
3 years ago by JotaEmePM
Bootstrap snippet / code Accordion menu..
 
Modal with table
3 years ago by snippets
Bootstrap snippet / code Modal with table..
 
Compose message form
3 years ago by cskelly
Bootstrap snippet / code Compose message form..
 
Refresh widget
3 years ago by snippets
How to make a simple refresh widget that animates a spinner reloads data.. using Bootstrap and FontAwesome...
 
Header with responsive image
3 years ago by snippets
How to create a responsive full width background image inside a Bootstrap container..
 
Button with Dropdown
3 years ago by snippets
Bootstrap snippet / code Button with Dropdown..
 
Bootstrap 3 Toggle Switch
3 years ago by esshka
Here is a simple way to make toggle switch using Bootstrap out-of-the-box.. no custom CSS is required...
 
UI elements (full examples)
3 years ago by snippets
HTML markup for all Bootstrap 3 elements and sizes. Snippets for tabs, pills, badges, progress bars...
 
User Profile Page for Bootstrap 3
3 years ago by cedrouille
Template for a user settings, stats or profile page. This example has a tabbed layout, table with pagination, and various user sta..
 
Splash page with background image
3 years ago by testazoid
Bootstrap snippet / code Splash page with background image..
 
Accordion collapse independent
3 years ago by cskelly
Remove data-parent to keep multiple panels open at once -- instead of collapsing other open panels. This also shows the state of c..
 
Vertical menu for sidebar
3 years ago by whosthr
The new 3.1 btn-group-vertical makes a nice vertical menu or sidebar...
 
2 navbars with fly-in sticky navbar
3 years ago by ZioBarba
Fixed top navbar replaced by a second fly-in sticky navbar once user scrolls past animated top nav...
 
Input with icon
3 years ago by cskelly
You can also add optional feedback icons with the addition of an extra class and the right icon...
 
Bootstrap 3 Rating / Voting
3 years ago by mnich
Bootstrap snippet / code Bootstrap 3 Rating / Voting..
 
Modal Contact Form w/ validation
3 years ago by cskelly
A contact form example that pops up inside a modal. Also, includes jQuery email validation...
 
Bootstrap 3 Typeahead
3 years ago by cskelly
A search typeahead example for Bootstrap 3..
 
Header with responsive image
6 months ago by danimerces
How to create a responsive full width background image inside a Bootstrap container..
 
Bootstrap AngularJS notify widget
6 months ago by cfpperche
An example of an AngularJS service that can be used to display alerts for user notifications. This also how jQuery can be used to ..
 
Round tabs
7 months ago by snippets
An example of circular tabs using Bootstrap 3. Five tabs with a round radius. Also includes fontawesome icons...
 
Real estate listings
7 months ago by cskelly
An example of a real estate listngs page with Bootstrap that shows real estate property search results with thumbnail, price, siz..
 
Article List
7 months ago by bootstrap4fun
Bootstrap snippet / code Article List..
 
Summernote editor
9 months ago by onigetoc
Bootstrap snippet / code Summernote editor..
 
Bootstrap 3 Typeahead
last year by artbels
A search typeahead example for Bootstrap 3..
 
2 navbars with fly-in sticky navbar
last year by bootply
Fixed top navbar replaced by a second fly-in sticky navbar once user scrolls past animated top nav...
 
AngularJS ng-repeat
last year by bootply
Simple Bootstrap grid repeat with angular..
 
Social User Profile
last year by explotter
Bootstrap snippet / code Social User Profile..
 
Navbar - center brand
last year by cskelly
A complex navbar example with centered brand..
 
Forgot Password Form with HTML5 Validation
last year by khurram82
A simple password resetting form using Bootstrap 3.2...
 
Form Button Group in Bootstrap 3
last year by hacevedo
How to use radio buttons and checkboxes with buttons in Bootstrap 3...
 
Navbar - dropdown, submenu, search, social media & login.
last year by jscott
Bootstrap top navigation with dropdown menu, search bar, social icons and login dropdown...
 
AngularJS Bootstrap Tooltip + Popover
last year by prakash9pandu09
Simple demo that shows instantiating Bootstrap tooltip and popover as a Angular directive...
 
Bootstrap + Select2
last year by foxugly
Bootstrap snippet / code Bootstrap + Select2..
 
AngularJS ng-repeat with expanding detail row
last year by deadpool
How to: list data grid example with alternation rows using Angular and RandomUser.me's awesome API...
 
2 Column Responsive Form
last year by redoakfs
Bootstrap snippet / code 2 Column Responsive Form..
 
Expanding input field with CSS
last year by smowtion
How to use CSS :focus to make an expanding input field. This is super easy with for lines of CSS!..
 
Gmail inbox
last year by faizanu94
Bootstrap snippet / code Gmail inbox..
 
Bootstrap calendar
last year by vaughanvw
A calendar snippet using the jQuery fullcalendar plugin..
 
AngularJS Multiple Layout Grid
last year by dakala
How to: Simple user data grid with Angular and RandomUser.me's awesome API! ..
 
Navbar stick to top after scroll
last year by npoku
Navbar sticks to to top once user scrolls...
 
Bootstrap Angular Notify Widget
2 years ago by ccaspanello
Bootstrap snippet / code Bootstrap Angular Notify Widget..
 
Bootstrap Gallery with Modal and Carousel
2 years ago by nikolajuss
Example of responsive image thumbnail grid, and using the same images to populate the Bootstrap modal. Navigate gallery images ins..
 
Listing in panel
2 years ago by jaggedsoft
Bootstrap snippet / code Listing in panel..
 
Modal with table
2 years ago by zhxymacau
Bootstrap snippet / code Modal with table..
 
User Profile Page for Bootstrap 3
2 years ago by renom3j
Template for a user settings, stats or profile page. This example has a tabbed layout, table with pagination, and various user sta..
 
table-responsive data grid
2 years ago by Daichi
Example table with action button works well as a data grid, or multiple edit form..
 
Bootstrap AngularJS notify widget
2 years ago by atluriajith
An example of an AngularJS service that can be used to display alerts for user notifications. This also how jQuery can be used to ..
 
Bootstrap 3 Toggle Switch
2 years ago by mscottturner89
Here is a simple way to make toggle switch using Bootstrap out-of-the-box.. no custom CSS is required...
 
Bootstrap Gallery with Modal and Carousel
2 years ago by colinadamwebb
Example of responsive image thumbnail grid, and using the same images to populate the Bootstrap modal. Navigate gallery images ins..
 
    Try a keyword search for 'snippet'
    all tags

    Related Tags

    images bootstrap-3 grid responsive gallery thumbnails snippet angular angularjs ajax api users profile loader quotes list table detail ng-repeat toggle switch button jquery css panel navbar brand center left right logo rgb hex javascript color convert submenu top-nav login social icons dropdown http staff fontawesome modal search contact