Question

I’m using bootstrap to create a btn-group, acting as radio buttons (javascript component).

This looks great in firefox, but there’s a gap in chrome :

Is this a bug or do I have some extra markup somewhere ?

HTML code :

        <div id="loadOptions">
            <div class="btn-group" data-toggle="buttons-radio">
                <button type="button" value="0" class="btn btn-primary" data-toggle="button">All hashtags</button>
                <button type="button" value="1" class="btn btn-primary" data-toggle="button" id="any">Any hashtag</button>
            </div>
        </div>

Answer 1

I was able to fix the problem with :

button
{
    margin: 0;
}