Text next to brand

Question

How do I get the Bootstrap Brand and any accompanying text to be treated together as the brand?

I have tried this:

Answer 1

Not sure if this is correct html but I wrapped the image and text in a new div class and floated that left. Also changed the img to the new class with some padding on the right to space it from the text. Seemed to work for me but I am pretty new to bootstrap so it might not be exactly right. Your code would look like this.

html

    

        
            

                
                     Ultimate Trade Sizer
            
        
    

add the new css class under the .navbar-brand class

.navbar-brand-name > {

  display: inline-block;
  float: left;

}

.navbar-brand-name > img {
  display: inline-block;
  float: left;
  padding: 0 15px 0 0;
}