Expected behavior When I click on the 2nd button inside a button-group, the active button should become inactive.

Actual behavior The "Button1" stays active when the 2nd button is clicked.

Example

<div class="btn-group shadow-1" role="group">
  <button href="#!" class="btn btn-link active">Button1</button>
  <button href="#!" class="btn btn-link">Button2</button>
  <button href="#!" class="btn btn-link">Button3</button>
</div>

Is there a an other way to pre-select a button inside a button-group?

Thanks a lot