Using Bootstrap Wells

ByWalter Wimberly

Wells can be used within Bootstrap to create an inset look to a pseudo panel. They appear kind of like panels, but without the chance to color them.

Instead, you have text that is inset from a box when you use the well class to a div. This can be used as a overly simple panel if you need it to be.  For example, you can create a basic well with something like:

Text inside a well.

There are not a lot settings that you can apply. Mainly, you can change the amount of spacing that insets your text.

This could be to make the space larger, or smaller with the well-lg class for more inset space or well-sm for smaller inset space.

Element with a large well. More space to inset.


Just a small well. Less inset space.

 

Using Bootstrap Wells was originally found on Access 2 Learn

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.

Similar Posts