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

How To Search PHP Encrypted Database

How To Search PHP Encrypted Database

Subscribe This post will show you how to search a PHP encrypted database. This is a follow up on the PHP encryption and decryption tutorials. Many have made the argument that once all the data is encrypted and stored that there is no way to query the database. However, you can query the database and Read More

Store Image Uploads On Server With Summernote Not Base 64

Store Image Uploads On Server With Summernote Not Base 64

Subscribe Store Image Uploads On Server With Summernote, not the default 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 the database. This will cause lag Read More

Great New Code Testing Tool

free code tester

Subscribe 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 If you need a place to practice the codes that we provide in our lessons before you Read More

Glyphicons FontAwesome With Bootstrap For WordPress

glyphicons-fontawesome-bootstrap-wordpress

Subscribe 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 Read More

Bootstrap Nav Menu For WordPress

bootstrap-nav-menu-for-wordpress

Subscribe 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.   [code]<nav class="navbar navbar-default"> <div class="container-fluid"> <?php wp_nav_menu( array( ‘container’ => ‘ul’, ‘menu_class’ => ‘nav navbar-nav’, ‘menu_id’ => ‘bootmenu’, ‘echo’ => true, ‘theme_location’ => ‘main-menu’, ) );?> </div> </nav> Read More

Bootstrap Code Tag

bootstrap-code-tag

Subscribe The Bootstrap code tag is unique as well. Bootstrap will style the code tag in its own way. Here is the code. [code] <h1>Code Tags</h1> The code tag can be used like this to define a certain section in the document: The following HTML elements: <code>span</code>, <code>section</code>, and <code>div</code> highlights a section of a document. Read More

Bootstrap Lists & Descriptions

bootstrap-lists-and-descriptions

Subscribe 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. [code] <h1>Bootstrap Lists & descriptions</h1> Use the dl tag to indicate a list: <dl> <dt>Beer</dt> <dd>- Use as a chaser</dd> <dt>Jack Daniels</dt> <dd>- Read More

Blockquotes in Bootstrap

blockquotes-in-bootstrap

Subscribe 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 use blockquotes in Bootstrap to quote other Read More

Abbreviations or Acrynoms in Bootstrap

Abbreviations or Acrynoms in Bootstrap

Subscribe Bootstrap has a cool way to handle abbreviations. What you do is use a tag called “abbr”. The code will look like this. [code]In sheet music <abbr title="Every Good Boy Does Fine">EVGDF</abbr> starts from the bottom line to the top.[/code] You will be able to use this in a lot of places to clean Read More

Bootstrap Default Settings For Text Sizes

Bootstrap Default Settings For Text Sizes

Subscribe 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 class=”container”> <h1>h1 Bootstrap heading (36px) <h2>h2 Bootstrap heading (30px) <h3>h3 Read More

Guide To Understanding The Bootstrap Grid System

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

Subscribe 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 to this issue is the Bootstrap Grid System. Prerequisites For Using Bootstrap Make sure that you Read More

Beginners Guide To Using Bootstrap Web Development

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

Subscribe 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 advance from there. Benefits of Using Bootstrap The benefits of using bootstrap is taking advantage of pre coded Read More