Угловой размер кнопки Bootstrap

Question

Я использую Angular 6 для моего проекта, и он интегрируется с начальной загрузкой.Я использую

'<button class="btn btn-info">ADD</button>'

, но моя кнопка выглядит немного больше, чем обычно, когда дело доходит до высоты, из-за которой интерфейс выглядит немного некрасиво!Пожалуйста, дайте мне решение, чтобы решить эту проблему

введите описание изображения здесь

Answer 1

Bootstrap 4 обеспечивает размер кнопки ниже:

<button type="button" class="btn btn-primary btn-lg">Large</button>
<button type="button" class="btn btn-primary">Default</button>
<button type="button" class="btn btn-primary btn-sm">Small</button>

Используйте в соответствии с вашими требованиями.Если вы хотите настроить свой собственный, вы можете использовать их переопределить или создать новый с желаниями font-size .

Answer 2

Вы можете просто проверить свой код и найти отступы для своей кнопки и переопределить эти значения новыми значениями в вашем файле .css

Если вы используете кнопки Bootstrap 4, вы можете использовать их для переопределения:

.btn {
  padding: 0.5rem 0.5rem !important;
}

Примечание: значения заполнения могут изменяться в зависимости от размера кнопки