PHP Bootstrap

PHP

Bootstrap

Coding

Hosting

PHP Bootstrap

Web Design, Hosting & Domain Services!


SERVING CLIENTS FOR 17 YEARS

Build Smarter. Host Faster.

AI-powered hosting with cPanel, SSL certificates, professional email, daily backups, and support for your next website.

Starting at $9.99/mo →
Find Your Perfect Domain Name:
Enter your name or keywords to check availability.

~ Our Suite of PHP and Bootstrap Code Generators ~

Live Generator AI Token Counts: Your visit starts with 0 tokens of 25,000 allowed every day!
Tokens Allowed Per Day / Per Visitor 25,000

Grids & Columns

Free – Bootstrap Column Grid Generator

Select up to 5 rows and define your columns, then copy the source code for the layout you have in mind.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Select up to 5 rows and define columns:

Preview Your Grid












    

    








	
The Bootstrap Grid System is used for layout, specifically Responsive Layouts (Mobile Friendly). You can have 1,2,3,4,6 or 12 columns. Understanding how it works is vital to  proper device display. 




One Column Grid

  

    

      

       
Column 1
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      

    

  


 View Source Code 




Two Columns Grid

  

    

      

       
Column 1
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      

      

       
Column 2
 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      

    

  


 View Source Code 




Three Columns Grid

  

    

      

       
Column 1
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      

      

       
Column 2
 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      

      

       
Column 3
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      

    

  


 View Source Code 




One Third / Two Thirds Grid

  

    

      

       
Column 1
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      

      

       
Column 2
 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      

    

  


 View Source Code 




Four Columns Grid

  

    

      

       
Column 1
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      

      

       
Column 2
 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      

      

       
Column 3
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      

      

      
Column 4
  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      

    

  


 View Source Code 




Six Columns Grid

  

    

      

       
Column 1
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      

      

       
Column 2
 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      

      

       
Column 3
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      

      

      
Column 4
  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      

      

       
Column 5
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      

      

      
Column 6
  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      

    

  


 View Source Code 




Yes, even a 12 column grid

  

    

      

       
1
 Lorem ipsum
      

      

       
2
Sed ut perspiciatis 
      

      

       
3
 Lorem ipsum
      

      

      
4
  Sed ut perspiciatis
      

      

       
5
 Lorem ipsum
      

      

      
6
  Sed ut perspiciatis
      

      

       
7
 Lorem ipsum
      

      

       
8
 Sed ut perspiciatis
      

      

       
9
 Lorem ipsum
      

      

      
10
  Sed ut perspiciatis
      

      

       
11
 Lorem ipsum
      

      

      
12
  Sed ut perspiciatis
      

    

  


 View Source Code