Category Archives: Bootstrap

This is where we will be teaching about the Bootstrap method. Bootstrap is a preprogrammed library to help web developers be more efficient at coding.

  1. BEGINNERS GUIDE TO USING BOOTSTRAP WEB DEVELOPMENT
  2. GUIDE TO UNDERSTANDING THE BOOTSTRAP GRID SYSTEM
  3. BOOTSTRAP DEFAULT SETTINGS FOR TEXT SIZES

Store Image Uploads On Server With Summernote Not Base 64

Store Image Uploads On Server With Summernote Not Base 64

If you do image uploads through Summernote you will notice that it stores base 64 code for the image. If you are saving that kind of code in your database you will notice that it bloats Read More

Great New Code Testing Tool

free code tester

A1WebsitePro is now offering a great new code testing tool. This tool is useful for everyone who needs a quick resource to test the code that they are working with. A Helpful Tool For Use With Tutorials Read More

Glyphicons FontAwesome With Bootstrap For WordPress

glyphicons-fontawesome-bootstrap-wordpress

Let’s move onto using Glyphicons and FontAwesome in the Bootstrap WordPress CMS. The first thing that you will have to do is call in the libraries. We have already called in the Bootstrap library but just in case there are some not following along with the tutorials here is what you put in your header.php. Read More

Boostrap Nav Menu For WordPress

bootstrap-nav-menu-for-wordpress

Here is some code for bootstrap nav menus for wordpress. This is for anyone following along in the Bootstrap to WordPress Theme Creation Integration tutorial.   Here Read More

Bootstrap Code Tag

bootstrap-code-tag

The Bootstrap code tag is unique as well. Bootstrap will style the code tag in its own way. Here is the code. Try it yourself here. Please follow and like us:

Bootstrap Lists & Descriptions

bootstrap-lists-and-descriptions

Bootstrap Lists & descriptions are unique. Most of us are familiar with ordered lists and unordered lists. Bootstrap has a different tag for a different kind of list. Here is the code. Try it yourself here. Please follow and like us:

Blockquotes in Bootstrap

blockquotes-in-bootstrap

Use blockquotes in Bootstrap to quote other sources. You are allowed to quote from other sources without being penalized for it. Quoting someone is not the same as plagiarizing their content. How to use the Blockquote code for Bootstrap * Below is an example on how you can Read More

Abbreviations or Acrynoms in Bootstrap

Abbreviations or Acrynoms in Bootstrap

Bootstrap has a cool way to handle abbreviations. What you do is use a tag called “abbr”. The code will look like this. You will be able to use this in a lot of places to clean up the clutter on your website. Try it yourself here. Please follow and like us:

Bootstrap Default Settings For Text Sizes

Bootstrap Default Settings For Text Sizes

You must understand Bootstrap’s default setting for text sizes. In the bootstrap library the default text size settings are as follows. Default text size is 14px Line Height is 1.428 H1 36 px H2 30px H3 24px H4 18px H5 14px H6 12px <div Read More

Guide To Understanding The Bootstrap Grid System

Guide-To-Understanding-The-Bootstrap-Grid-System

Here is a guide to understanding the Bootstrap Grid system. Think of the Bootstrap Grid system like tables. Tables can be hard to deal with. Tables are less forgiving when it comes to different screen sizes. One solution Read More

Beginners Guide To Using Bootstrap Web Development

Beginners-Guide-To-Using-Bootstrap-Web-Development

Here is a beginners guide to using Bootstrap Web Development. Bootstrap is a library of code that you can use to create web pages. In this tutorial we will start with the basics of Bootstrap and Read More