html - Why dooes my bootstrap button group look funny -


trying button group working ones on bootstrap page.

html

        <div class="btn-group">             <button class="btn btn-secondary" ng-class="{active: active_views[0]}" ng-click="changeview(0)">r-theta</button>             <button class="btn btn-secondary" ng-class="{active: active_views[1]}" ng-click="changeview(1)">cartesian</button>             <button class="btn btn-secondary" ng-class="{active: active_views[2]}" ng-click="changeview(2)">longitudinal</button>             <button class="btn btn-secondary" ng-class="{active: active_views[3]}" ng-click="">console</button </div>         </div> 

result

enter image description here

expected

enter image description here


Comments

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

python - GRASS parser() error -

Swift game error message -