Bootstrap buttons and lists

[billyryanwill]

Hey guys,

building a new site using responsive bootstrap framework, is going well but the last page that I really want to nail is a contact page that looks like this

http://bills-website.co.uk/contact/

From what I can tell that website is built on a similar framework (not the same(?)).

However I’m struggling to create a horizontal list as they do with the social icons here.

This code;

<div id="followus" class="span9">
                <ul id="social" class="icon-list span6">
                         <li> <h3>Follow Us</h3> 
                        </li> 
                         <li>  
                        <img src="billsicons-facebook.png" alt=""/>
                         </li> 
                          <li>
                        <img src="billsicons-twitter.png" alt=""/>
                          </li> 
                          <li>
                        <img src="billsicons-instagram.png" alt=""/>
                         </li>
                </ul>      
        </div><!-- /followus !-->

Is creating a vertical list, how do I turn this into a horizontal one?

The other problem I’m having is targeting .img on the css, I’m struggling to override the bootstrap.min.css file even if I am specific in the image i’m targeting. Is there a particular trick to this?

Thanks,

B

[billyryanwill]

I’ve managed to get it horizontal;

<ul id="social" class="icon-list span9">
                    <li class="span2"> <h3>Follow Us</h3> 
                    </li> 
                    <li class="span2 offset1">  
                        <img src="billsicons-facebook.png" alt=""/>
                     </li> 
                    <li class="span2">
                        <img src="billsicons-twitter.png" alt=""/>
                     </li> 
                    <li class="span2">
                        <img src="billsicons-instagram.png" alt=""/>
                    </li>
                </ul>      

Now it’s just the image problems……

[Author]

Posts