bootstrap 2.3.2 rows not inline

Question

I don't understand why this is 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>

Answer 1

Is it what you're looking for ??

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 the css for the space :

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

And make something 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 is the result (responsive) : http://jsfiddle.net/dUkz4/4/