How Bootstrap Works - Access 2 Learn

Bootstrap is becoming a popular web layout system for the web. It was started by a designer/developer who worked at Twitter in 2010, and currently is at version 3.1.1.

Bootstrap is a web framework. This means that it has identified common problems that web designer and developers run into, and tries to provide easy solutions to them. This is much like jQuery UI and jQuery Mobile, or the 960 Grid System.

The main difference is that Bootstrap includes both JavaScript widgets as well as CSS framework solutions. It does have a more of focus on CSS layout, but still provides some scripting solutions to widgets.

This is unlike jQuery’s frameworks, which are more focused JavaScript solutions – which makes sense given jQuery’s position in the web world. Or any of the CSS frameworks which focus on only layout problems.

Bootstrap does actually need the base jQuery library to work.

The layout solution for Bootstrap is responsive in nature, so it will change sizes based upon the size of the display screen. If you drag one corner of your browser’s window to resize it, you can see the sections change as you resize it.

How Bootstrap Works was originally found on Access 2 Learn

Walter Wimberly

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

News & Tips

Import Swatches into Photoshop from CSS

ByWalter Wimberly January 3, 2013August 24, 2017

Did you know that you could import color swatches into Photoshop from a CSS file. Well using the technique showed below, you can see how to do that. Link to Article Import Swatches into Photoshop from CSS was originally found on Access 2 Learn

Web Design

Making jQuery UI easier for Designers

ByWalter Wimberly March 20, 2014

In looking at, and using, jQuery Mobile, I noticed how much simpler it is for designers, than jQuery UI. jQuery UI requires that you write some code for almost every task, while, jQuery Mobile looks at how the system is being used, and what classes have been assigned to some elements. With that idea in…

Bootstrap

Building Better Buttons in Bootstrap

ByWalter Wimberly November 7, 2019November 7, 2019

Buttons are used for various purposes on a web page, like submitting a form. And sometimes we want a link to look like a button, and have to figure out how to make that work. Luckily, Bootstrap has given us several classes to make working with buttons and building buttons much easier! This includes both…

Bootstrap

Creating Breadcrumbs with Bootstrap

ByWalter Wimberly April 8, 2014April 8, 2014

Breadcrumbs have been used since the time of Hansel and Gretal so people can find their way back from whence they came. Luckily, web bread crumbs work better than the ones that Hansel laid down. Basically, it is a way for users to see how deep in the web site’s navigation they’ve gone, and how…

Web Design

What Responsive Design Is Not

ByWalter Wimberly January 5, 2013January 9, 2013

A lot of people, myself included, talk about responsive design. Even this site uses responsive design. (Don’t believe, resize your browser’s width and see for yourself.) Responsive design is a good thing for web design – and CSS makes it possible. However, it isn’t perfect. So read the article to see why you can’t expect…

Bootstrap

Responsive Utilities

ByWalter Wimberly April 3, 2014

Bootstrap provides numerous classes to help provide hints as to what content you should/shouldn’t show to users, based upon the size of their device. Using a prefix of visible- or hidden-, you can define if an element should be shown to a user or not the based upon the size of the user’s display device….

Similar Posts