Bootstrap Align Image with text

Question

I am trying to align an image on the left side with text using boostrap, and when page is viewed on mobile devices the images becomes centred on top of the text !

Answer 1

You have two choices, either correct your markup so that it uses correct elements and utilizes the Bootstrap grid system:

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

     
About Me
    

        

            

                
            
        
        

            
Lots of text here...With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a .clearfix and o
        
    

Or, if you wish the text to closely wrap the image, change your markup to:

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

    
About Me
    

        

            
            
Lots of text here...With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a .clearfix and o