I'm building a site using Bootstrap 2.3 responsive with some basic jQuery 
involved.

I have 3 buy buttons, all in separate their own span2. The middle buy stays 
centered, which is what I want, but the buy left and right both move as the 
browser width is changed.

Is there any way to keep the buy left and right a fixed distance from the 
center?

Also, I need them in separate spans as the jQuery needs this. (I'm making 
the buy left and right buttons disappear and being in separate spans keeps 
the middle buy central.)


<div class="row-fluid buy-row">

   <div class="span2 offset3"><a href="http://www.reddit.com"; 
class="buy-left">Buy</a></div>
   <div class="span2 pagination-centered"><a href="#" 
class="buy-center">Buy</a></div>
   <div class="span2 pagination-centered"><a href="http://www.soundcloud.com"; 
class="buy-right">Buy   </a></div> 
</div>

To see what I'm talking about in action, check shifteddd 
<http://www.shifteddd.com/>. I want the buy links to remain below their 
respective poster at all times (well, down to 840px anyways).

-- 
You received this message because you are subscribed to the Google Groups 
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to