Getting bootstrap col to work

Question

I have a group of links that i want to evenly space out that should also be mobile responsive. I cant seem to get them to corporate.

code associated with it:

Answer 1

Since you have 14 elements (assumed this is a fixed qty), you can't use Bootstrap grid systen, unless you make three rows with 4+4+3 elements, or 6+6+2. Otherwise, you can put lists inside rows, like this, and use Bootstrap class .list-inline for Bootstrap 3.x inline list:

    

        

            
/* 7 
 elements */
        
    


    

        

            
/* 7 
 elements */
        
    

Remember that .row adds padding to the div, so do your fixes.

If you want to use Grid system, you can use following code:

    

         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL
    


    

         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL
    


    
 /* add offset to center the two elements*/
         TEXT 
        
MODAL
    
    

         TEXT 
        
MODAL