Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Bootstrap Grid - Adding Links


Question

Posted · Report post

Hello pageliners,

I am using the fluid grid system to place some boxes in a full width sidebar. They have some css sprite functionality, but when I add an a href to the span3 it takes up the whole line.

When removed all the boxes are back onto one line. How can I accomplish this without the spacing issue?

test.discoveryoutsourcing.com

Thanks all.

Tim

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

I got them all to work. I ended up adding a <span> class inside the <a href> tag and then styled the span to fit each individual box area.

Thanks Rob for your time.

Share this post


Link to post
Share on other sites

Posted · Report post

Anytime. Glad you were able to resolve it.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

Are you referring to the Benefits Packages to the right?

If so, try this:


#benefits.span3 {

    background: url('http://www.discoveryoutsourcing.com/test/wp-content/uploads/2012/10/Benefits-Sprite-Blue.png') no-repeat scroll 0 0 transparent;

    height: 308px;

    margin-right: 100px;

    margin-top: -20px;

}

Share this post


Link to post
Share on other sites