Я использую Angular 6 для своего проекта, и он интегрируется с начальной загрузкой. я использую
'<button class="btn btn-info">ADD</button>'
Но моя кнопка выглядит немного больше, чем обычно, когда дело доходит до высоты, из-за чего пользовательский интерфейс выглядит немного некрасиво! Пожалуйста, дайте мне решение, чтобы решить эту проблему
введите описание изображения здесь
2 ответа
Вы можете просто проверить свой код и найти отступ для своей кнопки и переопределить эти значения новыми значениями в вашем файле .css.
Если вы используете кнопки Bootstrap 4, вы можете использовать их для переопределения:
.btn {
padding: 0.5rem 0.5rem !important;
}
Примечание. Значения заполнения могут меняться в зависимости от размера вашей кнопки .
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>
Используйте согласно вашим требованиям. Если вы хотите настроить свои собственные, вы можете использовать их переопределить или создать новый с желаемым размером шрифта .
Похожие вопросы
Новые вопросы
bootstrap-4
Bootstrap 4 является четвертой основной версией популярной библиотеки интерфейсных компонентов. Платформа Bootstrap помогает в создании адаптивных мобильных веб-сайтов и веб-приложений.