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>…
Creating a navigation is extremely important for any website. How you define and use your navigation will often define how well your site will perform. The navbar is the set of classes that Bootstrap uses to help you work on defining, building, and displaying your site navigation. It is also responsive, and if the browser…
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…
While a lot of layout in a website can be done with your grids, you don’t want to necessarily use grids to display tabular data. Therefore, you want to use a table. Bootstrap has given us several CSS classes that we can use to easier layout our tables. For basic styling, you will only want…
