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

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

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

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

0
Mano0114 22 Окт 2018 в 09:33

2 ответа

Лучший ответ

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

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

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

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

1
Gvs Akhil 22 Окт 2018 в 06:47

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>

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

0
Vishw Patel 22 Окт 2018 в 06:54
52923517