Category Archives: Bootstrap

Bootstrap codes

Bootstrap Reviewer

What is Bootstrap? It is a mobile first front-end framework for easier web development. It uses html, css & javascript What are advantages of using Bootstrap? Mobile first approach Browser support Easy to get started Responsive design What does Bootstrap … Continue reading

Posted in Bootstrap | Leave a comment

Basic Designs

Horizontal Navigation Bar with Toggle: https://jsfiddle.net/aicccia/74nw8oko/ Scrollspy Horizontal Navigation Bar: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_scrollspy&stacked=h Scrollspy & Affix Horizontal Navigation Bar: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_scrollspy_affix&stacked=h Vertical Navigation Bar with Toggle: https://jsfiddle.net/aicccia/c32avh4w/ Scrollspy Vertical Navigation Bar: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_scrollspy2&stacked=h Scrollspy & Affix Vertical Navigation Bar: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_scrollspy_affix2&stacked=h Section Title: https://jsfiddle.net/aicccia/2j220wLn/ Footer: https://jsfiddle.net/aicccia/h9cxzmpj/ Title-Paragraph-Button: https://jsfiddle.net/aicccia/zqzx00xf/ Image-Title-Description: https://jsfiddle.net/aicccia/qh1Ly03a/  

Posted in Bootstrap | Tagged , , , , , , , , , , , ,

Rows

2 Columns: https://jsfiddle.net/aicccia/5mnft3mn/ 6 Columns: https://jsfiddle.net/aicccia/h36uvy5a/ 4 Columns: https://jsfiddle.net/aicccia/v6s9y0z3/ 4 Column Table: https://jsfiddle.net/aicccia/2u9u9ogc/ 3 Columns: https://jsfiddle.net/aicccia/zshzaj3z/ 3 Columns Thumbnails: https://jsfiddle.net/aicccia/hbfswjov/ 3 Column Image-Description: https://jsfiddle.net/aicccia/6e810p40/ 3 Column Content: https://jsfiddle.net/aicccia/48rtyzy7/ 3 Column Panel: https://jsfiddle.net/aicccia/q35kjmte/   9×3 Columns: https://jsfiddle.net/aicccia/k1580uu9/ Side Bar-Content-Aside: https://jsfiddle.net/aicccia/1nhmswLe/ 3 Columns and Side Bar: https://jsfiddle.net/aicccia/du20eb87/  

Posted in Bootstrap | Tagged , , , , , , , ,

Misc Designs

4 Column Image Gallery: https://jsfiddle.net/aicccia/qs6mq257/ 2 Column Image Gallery: https://jsfiddle.net/aicccia/duxt9cxq/ Carousel Photos: https://jsfiddle.net/aicccia/c6wvxL5b/ Carousel Photos and Aside: https://jsfiddle.net/aicccia/27gctt13/ Carousel Text: https://jsfiddle.net/aicccia/m5ja3hdf/ Well 3-Column: https://jsfiddle.net/aicccia/7rfcddsm/ Well 3-Column Footer: https://jsfiddle.net/aicccia/uabeqc36/   Well 7×5 Navigation: https://jsfiddle.net/aicccia/kLm7vf37/ Jumbotron: https://jsfiddle.net/aicccia/q1xsrmdo/ Jumbotron Frontpage: https://jsfiddle.net/aicccia/s5dzr13s/ Contact Section: https://jsfiddle.net/aicccia/q1y680hb/ Dynamic Tiles: http://bootsnipp.com/snippets/Pj5a7 Background Image Carousel: http://bootsnipp.com/snippets/pjXye Background Image Carousel with Animated Text: http://bootsnipp.com/snippets/z4Pv1 … Continue reading

Posted in Bootstrap | Tagged , , , , , , , , ,