Developing a Website with Twitter Bootstrap

Developing a website from scratch is no easy task…but it’s all part of the adventure.

We started our website using a user friendly CSS html interface called Twitter Bootstrap.  You can find and download it here:  Twitter Bootstrap.

The Bootstrap website has useful information about getting started, css (cascading style sheets), components and an overview of the JavaScript.  Also, there is a customize button that shows you how to customize parts of the code you want to download for what you want on your website.


Getting Started:

Getting started with Bootstrap can be done in a few ways that are outlined on the website.  The user can decide and implement templates and different content definitions.   Bootstrap lays is all out here.



Bootstrap has a Grid system that is responsive to your mobile size and will scale to the appropriate device.  It easily displays lists, addresses, and other typography benefits.  It will make tables, basic forms and buttons.  With a small amount of time  learning this coding system you will be able to display your webpage in an orderly and concise way.  Check out all the info on CSS here.


Glyphicons, dropdowns, button groups (quick link), navbar, labels, badges, headers, and thumbnails are just a few of the things that are readily available in Bootstrap.  Check them out.


I have to say my favorite part of the code is the Carousel options.  It puts movement into the webpage.  It’s great for advertising or displaying something that you really want to grab the attention of the viewer.  Read about it here.


Go Customize:

You can customize what you download in your bootstrap.  If you aren’t sure, they will gently lead you back to the ‘CSS’ or ‘Components’ aspects of the website to help you know what you want.

So, check it out.  It’s a great way to get started.  Twitter Bootstrap! 


Recommended videos and informational websites:


Tutorial – Twitter Bootstrap



Leave a Reply

Your email address will not be published. Required fields are marked *