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.


Delete Files in Directory or Folder With PHP | How To Tutorial | Unlink

Delete Files in Directory or Folder With PHP

To delete files in a directory or folder with PHP, all you have to do is use the unlink function. Unlink not only deletes pictures, but will delete any kind of file in a directory. Lets get started. Unlink in PHP The unlink function has been around since PHP4. It also works on PHP5, PHP7 Read More

Summernote How To Store Images and Entries in MySQL Without Base 64

Summernote How To Store Images and Entries in MySQL Without Base 64

In this tutorial, we will show you how to store images and entries in MySQL without base 64 encoding. Base 64 encoding will bloat your database. The way I show you how to do it here will not bloat your database. You can download summernote here, however you do not need to download it for Read More



So I just got done programming the best home inventory management software. I wanted it to be free and easy to use for all my friends, neighbors and subscribers. Last September, I hit the big 50. I have stuff I never knew I had. A person accumulates things over time naturally. Then there was stuff Read More

How To Search PHP Encrypted Database

How To Search PHP Encrypted Database

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

Store Image Uploads On Server With Summernote Not Base 64

Store Image Uploads On Server With Summernote Not Base 64

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

Glyphicons FontAwesome With Bootstrap For 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

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.   <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> Here Read More

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. [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. [/code] Read More

Bootstrap Lists & 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. [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>- drink Read More

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 use blockquotes in Bootstrap to quote other sources. 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. [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 up Read More

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

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

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