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…
Getting a person’s attention is an increasingly difficult task. As a web designer, one of your jobs is to make sure the viewer of your webpage is drawn to the information they need. One way to do it, is with a clear, and simple design. Here’s a link to an Introduction to Visual Design if…
In any website of any reasonable size, you will run into one or more forms to allow the end user to send information to the server. This could be for sending a message to the host, ordering something, etc. Forms can be simple, like a text box to search, or complicated with hundreds of fields….
Building your navigation is immensely important to any website, whether it is a single page, or a multi-page behemoth. Bootstrap’s navbar is responsive , and supports branding, navigation, search and more. Some basic info from Bootstrap’s site about Navbar, that you might want/need to know. Navbars require a wrapping .navbar with .navbar-expand{-sm|-md|-lg|-xl} for responsive collapsing…
We’ll be looking at Bootstrap, Version 4 as it is the latest, since it gives us several benefits, including being mobile friendly/responsive right out of the box, and comes with several ready to use components. If you go to GetBootstrap.com you are given a couple of options. First, you can click on the Download button….
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…
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…
Bootstrap provides a way to easily display an “alert” message. Essentially it is a background color, and foreground color which work together to make a message standout. An alert is generally going to be a simple block of text, and doesn’t have a lot of extra markups text. This works similarly to if you had…
