Bootply

Bootstrap snippet snippets

snippet
Bootstrap 3 Responsive Images
5 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
3 years ago by cskelly
How to: Simple user list data grid example with alternation rows using Angular and RandomUser.me's awesome API...
 
Navbar - dropdown, submenu, search, social media & login.
4 years ago by bootstrap
Bootstrap top navigation with dropdown menu, search bar, social icons and login dropdown...
 
Bootstrap 3 Toggle Switch
4 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
5 years ago by cskelly
Bootstrap 3 preview of panel CSS class. Panels are new in BS3...
 
Navbar - center brand
4 years ago by testazoid
A complex navbar example with centered brand..
 
RGB to Hex Convert, Hex to RGB
4 years ago by bootstrap
How to convert RGB colors to HEX colors in JavaScript. HTML color converter, javascript color converter, hexadecimal converter, r..
 
AngularJS User Profiles Grid
4 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...
 
Bootstrap calendar
4 years ago by cskelly
A calendar snippet using the jQuery fullcalendar plugin..
 
Navbar - center brand, links on right and left
4 years ago by homeliss
A complex navbar example with centered brand..
 
Bootstrap Login Form
4 years ago by cskelly
Example snippet for a Bootstrap login form modal..
 
Modal Contact Form w/ validation
3 years ago by umoren
A contact form example that pops up inside a modal. Also, includes jQuery email validation...
 
Bootstrap + Select2
4 years ago by testazoid
Bootstrap snippet / code Bootstrap + Select2..
 
AngularJS live character count input
4 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
4 years ago by cskelly
How to use the flot jQuery plugin to chart real-time data..
 
Gmail inbox
4 years ago by snippets
Bootstrap snippet / code Gmail inbox..
 
Dual lists (List to List)
4 years ago by cskelly
A multi-list example where items can be added or removed from 2 list groups...
 
Bootstrap Gallery with Modal and Carousel
4 years ago by cskelly
Example of responsive image thumbnail grid, and using the same images to populate the Bootstrap modal. Navigate gallery images ins..
 
AngularJS Chat / Alternating List
3 years ago 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
3 years ago by chipbaker
Bootstrap snippet / code Nested scrolling touch accordion menu..
 
Bootstrap gradient progress bar
3 years ago by cskelly
Bootstrap snippet / code Bootstrap gradient progress bar..
 
Bootstrap 3 Table Pagination
3 years ago by dataffect
Table with pager example for Bootstrap...
 
AngularJS data row edit example
3 years ago by cskelly
Bootstrap snippet / code AngularJS data row edit example..
 
AngularJS Multiple Layout Grid
3 years ago by cskelly
How to: Simple user data grid with Angular and RandomUser.me's awesome API! ..
 
5 block row with well
3 years ago by cskelly
How to create a simple row with 5 centered blocks...
 
Angular simple edit list
3 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
4 years ago by alepejota
How to: Simple user chat list example with alternation rows using Angular and RandomUser.me's awesome API...
 
Vertical Sidebar - Accordion Menu with Submenus
4 years ago by jquery
Accordion vertical menu with submenues based on list group..
 
Textarea with character count - Bootstrap 3
4 years ago by snippets
How to display a live char count using jQuery for your textarea in realtime...
 
User Profile Page for Bootstrap 3
4 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
4 years ago by skouta
A search typeahead example for Bootstrap 3..
 
Bootstrap 3 Rating / Voting
4 years ago by cskelly
Bootstrap snippet / code Bootstrap 3 Rating / Voting..
 
2 navbars with fly-in sticky navbar
2 years ago by bootply
Fixed top navbar replaced by a second fly-in sticky navbar once user scrolls past animated top nav...
 
2 Column Responsive Form
3 years ago by cskelly
Bootstrap snippet / code 2 Column Responsive Form..
 
table-responsive data grid
3 years ago by bbgunmaster
Example table with action button works well as a data grid, or multiple edit form..
 
Cards / panels with thumbnails
3 years ago by jamesh64
4 columns of thumbnails, label and description below. Row of buttons on the bottom...
 
Summernote editor - AngularJS example
3 years ago by xander
Bootstrap snippet / code Summernote editor - AngularJS example..
 
Images modal example
3 years ago by bootstrap
Bootstrap snippet / code Images modal example..
 
Navbar stick to top after scroll
3 years ago by jquery
Navbar sticks to to top once user scrolls...
 
User profile
3 years ago by dashkootek
Bootstrap snippet / code User profile..
 
Simple Angular Progress Bar Directive
3 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
4 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
4 years ago by snippets
How to use the flot jQuery plugin to chart real-time data..
 
Realtime charts using Flot
4 years ago by cskelly
How to use the flot jQuery plugin to chart real-time data..
 
Products Grid
4 years ago by aroman
4 columns of thumbnails, label and description below. Row of buttons on the bottom...
 
Nice Login
4 years ago by yurney
Bootstrap top navigation with dropdown menu, search bar, social icons and login dropdown...
 
Listing in panel
4 years ago by eneural
Bootstrap snippet / code Listing in panel..
 
Panel with status table
4 years ago by snippets
A collapsing panel with 2 column table..
 
Bootstrap 3 Table Hover
4 years ago by subwiz00
Bootstrap snippet / code Bootstrap 3 Table Hover..
 
Accordion menu
4 years ago by JotaEmePM
Bootstrap snippet / code Accordion menu..
 
Compose message form
4 years ago by cskelly
Bootstrap snippet / code Compose message form..
 
Refresh widget
4 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
4 years ago by snippets
How to create a responsive full width background image inside a Bootstrap container..
 
Button with Dropdown
4 years ago by snippets
Bootstrap snippet / code Button with Dropdown..
 
Bootstrap 3 Toggle Switch
4 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)
4 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
4 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
4 years ago by testazoid
Bootstrap snippet / code Splash page with background image..
 
Accordion collapse independent
4 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
4 years ago by whosthr
The new 3.1 btn-group-vertical makes a nice vertical menu or sidebar...
 
Navbar stick to top
4 years ago by testazoid
Bottom navbar sticks to to top once user scrolls...
 
2 navbars with fly-in sticky navbar
4 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
4 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
4 years ago by mnich
Bootstrap snippet / code Bootstrap 3 Rating / Voting..
 
Modal Contact Form w/ validation
4 years ago by cskelly
A contact form example that pops up inside a modal. Also, includes jQuery email validation...
 
Bootstrap 3 Typeahead
5 years ago by cskelly
A search typeahead example for Bootstrap 3..
 
Mixed form horizontal + inline
2 months ago by leandropennella
Form with both inline smaller inputs and wider horizontal inputs on 2 lines. This is a more complex example that demonstrates vari..
 
HTML placeholder
10 months ago by vanthuyphan
a custom place holder that allows you to put in any html code for it..
 
AngularJS User List - Table Grid
last year by rabie
How to: Simple user list data grid example with alternation rows using Angular and RandomUser.me's awesome API...
 
Header with responsive image
last year by danimerces
How to create a responsive full width background image inside a Bootstrap container..
 
Bootstrap AngularJS notify widget
last year 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
last year by snippets
An example of circular tabs using Bootstrap 3. Five tabs with a round radius. Also includes fontawesome icons...
 
Real estate listings
last year 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
last year by bootstrap4fun
Bootstrap snippet / code Article List..
 
Summernote editor
2 years ago by onigetoc
Bootstrap snippet / code Summernote editor..
 
Bootstrap 3 Typeahead
2 years ago by artbels
A search typeahead example for Bootstrap 3..
 
AngularJS ng-repeat
2 years ago by bootply
Simple Bootstrap grid repeat with angular..
 
Social User Profile
2 years ago by explotter
Bootstrap snippet / code Social User Profile..
 
Navbar - center brand
2 years ago by cskelly
A complex navbar example with centered brand..
 
Forgot Password Form with HTML5 Validation
2 years ago by khurram82
A simple password resetting form using Bootstrap 3.2...
 
Form Button Group in Bootstrap 3
2 years ago by hacevedo
How to use radio buttons and checkboxes with buttons in Bootstrap 3...
 
Navbar - dropdown, submenu, search, social media & login.
2 years ago by jscott
Bootstrap top navigation with dropdown menu, search bar, social icons and login dropdown...
 
UI elements (full examples)
2 years ago by Jordan
HTML markup for all Bootstrap 3 elements and sizes. Snippets for tabs, pills, badges, progress bars...
 
AngularJS Bootstrap Tooltip + Popover
2 years ago by prakash9pandu09
Simple demo that shows instantiating Bootstrap tooltip and popover as a Angular directive...
 
Bootstrap + Select2
2 years ago by foxugly
Bootstrap snippet / code Bootstrap + Select2..
 
AngularJS ng-repeat with expanding detail row
2 years ago by deadpool
How to: list data grid example with alternation rows using Angular and RandomUser.me's awesome API...
 
2 Column Responsive Form
2 years ago by redoakfs
Bootstrap snippet / code 2 Column Responsive Form..
 
Expanding input field with CSS
2 years ago by smowtion
How to use CSS :focus to make an expanding input field. This is super easy with for lines of CSS!..
 
Gmail inbox
3 years ago by faizanu94
Bootstrap snippet / code Gmail inbox..
 
Bootstrap calendar
3 years ago by vaughanvw
A calendar snippet using the jQuery fullcalendar plugin..
 
AngularJS Multiple Layout Grid
3 years ago by dakala
How to: Simple user data grid with Angular and RandomUser.me's awesome API! ..
 
Navbar stick to top after scroll
3 years ago by npoku
Navbar sticks to to top once user scrolls...
 
Bootstrap Angular Notify Widget
3 years ago by ccaspanello
Bootstrap snippet / code Bootstrap Angular Notify Widget..
 
Bootstrap Gallery with Modal and Carousel
3 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
3 years ago by jaggedsoft
Bootstrap snippet / code Listing in panel..
 
Modal with table
3 years ago by zhxymacau
Bootstrap snippet / code Modal with table..
 
User Profile Page for Bootstrap 3
3 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
3 years ago by Daichi
Example table with action button works well as a data grid, or multiple edit form..
 
    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 navbar submenu top-nav login social icons dropdown toggle switch button jquery css panel brand center left right logo rgb hex javascript color convert http staff fontawesome modal calendar month