Angularjs Bootstrap Select Creates Duplicate Select

So I am using bootstrap datepicker from https://developer.snapappointments.com/bootstrap-select and it works fine when I am using desktop browser. I also use Angularjs.

The code is:

<div class="form-group" ng-repeat="spec in specs">
    <label class="control-label">{{spec.SpecName}}</label>
    <select ng-change="getBuyPrice(false)" class="form-control selectpicker" ng-model="selectedSpec[$index]" data-live-search="true">
        <option value="">-- Select {{spec.SpecName}} --</option>
        <option ng-repeat="value in spec.Values" value="{{value.ID}}">{{value.Value}}</option>
    </select>
</div>

It looks find on the desktop browser and it is working as expected. There is no bug found in it.
Desktop Browser

But then when I use my mobile and browse it, it shows duplicate select picker on mobile browser.

On Mobile

The Spec (Color) got repeated twice on mobile browser, I have tried to use different browser but the result is the same. I also tried to use chrome debugger (on desktop) and click toggle device toolbar it works fine on the debugger.

Please help

Source: New feed
Source Url Angularjs Bootstrap Select Creates Duplicate Select