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…
Panels are similar to Bootstrap alerts, but on steroids. Instead of a simple line or two of text, a panel will include a header section, as well as a body. This will give it a more prominent look that will allow it to stand out. You can have more than just a line of text….
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….
Bootstrap provides several helper classes to “help” you display information to your viewers. As you would assume, you can apply these helpers by adding the class(es) to your given tags. Colors You can apply different colors to your text, based upon the colors defined for primary, success, info, etc. This is via a class with…
Forms is the most common way you will get information from your users. However, given the responsive nature of Bootstrap, you do not know how users will normally come to you – therefore you have to be careful of how you design your forms. A class=”form-control” can be used to make <input>, <select>, and <textarea>…
Responsive images are fairly easy to control, both in and out of Bootstrap. Generally, the problem will be that we need to make sure an image doesn’t expand past the size of its containing element if it is going to potentially be scaled down. This can be done in CSS with max-width: 100% Bootstrap gives…
You will often need to add a button to a webpage. This could be for a form, or part of an interface where you are wanting to create a special link to a page. Generally you can use the button tag, although you can also use a anchor tag. You will want to add some…
