Bootstrap: выберите тег обрезки текстов ниже

Question

У меня странная проблема стиля, когда текст выбранного параметра внутри тега выбора скрыт наполовину. Я использую bootstrap 4 и стиль "luxbootstrap.min.css". Ниже мой HTML код

<div class="container">
  <h1 class="text-center">My Racks</h1>>
  <div class="form-group">
    <select class="form-control" id="rack" [(ngModel)]="rack">
      <option [value]="rack" *ngFor="let rack of racks">{{rack}}</option>
    </select>
  </div>
</div>

Похоже, что эта тема luxbootstrap имеет дополнительный отступ в элементе управления формой.

Решение: я добавляю следующий фрагмент в style.css

select.form-control {
    padding: 0;
}

вся помощь оценена ...

Answer 1

Я думаю, что есть проблема с заполнением поля выбора