+Blog

Sundog Expert Sarah Mayfield

Sarah Mayfield

Support Coordinator

How & Why to Use Bootstrap

At Sundog, we always strive for consistency and efficiency – especially when it comes to web development. One of the ways we do that is by using a framework, like Bootstrap, whenever applicable.

Wondering how it could make your life a little easier?

1. Create Consistency with Pre-Set Components

Bootstrap allows for consistency by having pre-set components, like navigation, buttons, alerts and headers. This can be a huge time-saver, since the stylesheets are set up with components that can be used without starting from scratch. Developers can personalize the components by updating Bootstrap styles, while keeping the functionality.

2. Simplify Responsiveness

Need another reason to use style frameworks? They are based on a 12-column grid layout. This allows for simplified responsiveness, by allowing content to expand, shrink, or realign, based on screen size and the number of columns allotted for each content item.

At Sundog, this is how we use Bootstrap for our own website to show desktop and mobile versions and how they respond to smaller resolution. Here’s a closer look at how it works:

How We Work
How We Work Mobile



These changes can be set simply by adding or changing the class on the container. In fact, this is extremely useful when several breakpoints are needed for content to display (or hide) properly on different devices.

3. Customize It (While Avoiding Code Bloat)

Another reason why we support the use of Bootstrap is the fact that it’s customizable. Developers can include the entire Bootstrap library, or go to the Bootstrap Customize (http://getbootstrap.com/customize/) page and choose the components that will be used on the site. This can help you avoid code bloat from options that will never be called, allowing for faster page loading and more efficient style updates.

Other Good Alternatives

There are many options of frameworks that can do similar tasks. Here is a list of some other options that offer different components and modules, if Bootstrap does not meet your needs: http://beebom.com/best-front-end-frameworks-for-bootstrap-alternative/

This field of development is changing the way we code and style, and whatever your role might be, it will definitely be something to watch in the coming years.

Want to talk more about development trends or how to use frameworks like Bootstrap? Send us a note anytime. We’d love to help.

Posted in: Bootstrap, Responsive Design, Web Development

Similar Posts

The Death of Responsive Design

Laura Schjeldahl

Website Accessibility: Why It Matters & How Your Site Stacks Up

Susanna Oliver

Gmail Support for Responsive Design Has Arrived

Darin Livdahl