Bootstrap 4 card/panel with image left of header and title

Question

I thought what I\'m trying to do would be pretty easy to do but I just can\'t make it work.

I tried to do pull-left on bootstrap cards and panels and it\'s not working t

Answer 1

There are a few different ways you could do this. Here's one way using the flex-row and flex-wrap utility classes to change the layout of elements inside the card...

https://www.codeply.com/go/l1KAQtjjbA

   

        

            
        
        

            
Title
            
Description
            BUTTON
        
        

        

            FOOTER
        
    

Here's another approach using the grid...

  

        

            

                
            
            

                

                    
Title
                    
Description
                    BUTTON
                
            
        
        

            Footer stating cats are CUTE little animals
        
  

https://www.codeply.com/go/l1KAQtjjbA

I'm not sure why you have text-center as nothing it centered in the desired example image.