Monday, 15 July 2013

css - bootstrap 2.3.2 rows not inline -



css - bootstrap 2.3.2 rows not inline -

i don't understand why not inline:

http://jsfiddle.net/dugfresh/dukz4/

<div class="btn-group" data-toggle="buttons-checkbox"> <div class="row"> <div class="span7"><button type="button" class="btn btn-primary">sun</button></div> <div class="span7"><button type="button" class="btn btn-primary">mon</button></div> <div class="span7"><button type="button" class="btn btn-primary">tue</button></div> <div class="span7"><button type="button" class="btn btn-primary">wed</button></div> <div class="span7"><button type="button" class="btn btn-primary">thu</button></div> <div class="span7"><button type="button" class="btn btn-primary">fri</button></div> <div class="span7"><button type="button" class="btn btn-primary">sat</button></div> </div> </div>

is you're looking ??

fiddle : http://jsfiddle.net/dukz4/3/

html :

<div class="btn-group" data-toggle="buttons-checkbox"> <button type="button" class="btn btn-primary">sun</button> <button type="button" class="btn btn-primary">mon</button> <button type="button" class="btn btn-primary">tue</button> <button type="button" class="btn btn-primary">wed</button> <button type="button" class="btn btn-primary">thu</button> <button type="button" class="btn btn-primary">fri</button> <button type="button" class="btn btn-primary">sat</button> </div>

doc : http://getbootstrap.com/2.3.2/components.html#buttongroups

update after comment:

you can customize css space :

.btn-group .btn{ margin-right:5px; }

and create like

<div class="btn-group row-fluid" data-toggle="buttons-checkbox"> <button type="button" class="btn btn-primary span1">sun</button> <button type="button" class="btn btn-primary span1">mon</button> <button type="button" class="btn btn-primary span1">tue</button> <button type="button" class="btn btn-primary span1">wed</button> <button type="button" class="btn btn-primary span1">thu</button> <button type="button" class="btn btn-primary span1">fri</button> <button type="button" class="btn btn-primary span1">sat</button> </div>

here result (responsive) : http://jsfiddle.net/dukz4/4/

css twitter-bootstrap twitter-bootstrap-2

No comments:

Post a Comment