Tuesday 15 January 2013

stylesheet - Center text next to bootstrap button in row -


If I have some text in a row with a button in the bootstrap, then the best What's the text in the button? Demonstrate - "Foo", "Bar" and "Some time ago" are aligned with the top of the button, how can I focus them vertically?

  & lt; Div class = "container" & gt; & Lt; Div class = "row" & gt; & Lt; One square = "span2" & gt; Foo & lt; / A & gt; & Lt; One class = "span2" & gt; Bar & lt; / A & gt; & Lt; Span class = "span2" gt; Some text & lt; / Span & gt; & Lt; Div class = "span2" & gt; Button class = "BTN BTN-Success" & lt; I class = "icon-off icon-white"   

I know that I can add 5 px padding at the top of each and every one, but is this a more general way, so that it always Could make the line?

Edit: Adjust the tag above to add

You can use the btn-link class on your links:

  & lt; Div class = "container" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "span2" & gt; & Lt; One class = "btn btn-link" & gt; Foo & lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = "span2" & gt; One class = "btn btn-link" & gt; Bar & lt; / A & gt; & Lt; / Div & gt; & Lt; Div class = span2 "& gt; button class =" btn btn-btn-success "& gt; & lt; i class =" icon-closed icon-white "> gt;  & lt; ; Span & gt; Falcon & lt; / span & gt; & lt; / button & gt; & lt; / div & gt; & lt; / div & gt; & lt; / div & gt;         

Blockquote>

While keeping the behavior behaved like a link, give importance to one button; UPD BTN-Link class to span , so it will look like a link

or you can BTN-Link Create something similar to the class, e.g. BTN-text :

  .btn-text, .btn-text: active, .btn-text: hover , .btn-text: focus {color: inherit; cursor: heirs; border color: transparent; background color: transparent; background-image: none; -webkit-box-shadow: none; -move box-shadow: some No; box-shadow: none;}   



No comments:

Post a Comment