Текст кнопки не центрирован по laravel и bootstrap 4 - PullRequest
Новая
       8

Текст кнопки не центрирован по laravel и bootstrap 4

0 голосов
/ 21 апреля 2020

У меня есть кнопка в моем приложении laravel 

<a href="{{ url('/product') }}" class="btn btn-default px-5 mt-3 rounded subscribe" role="button">{{ __('More info') }}</a>

Поэтому мне нужно, чтобы текст кнопки центрировался в кнопке. Но в настоящее время текст не по центру кнопки

enter image description here

В настоящее время кнопка выглядит следующим образом. Текст не очень хорошо центрирован.

В моем css у меня есть следующий код для класса, подпишитесь 

.subscribe {
            background-color: #5ABDBA;
            color: #fff;
            border-radius: 40px!important;
            height: 43px;
            text-transform: capitalize!important;
            vertical-align: middle;
        }

И я использую bootstrap 4.

Ответы [ 2 ]

1 голос
/ 21 апреля 2020

Зачем форсировать высоту кнопки?

И всегда отдавать предпочтение каркасу существующих классов 

.subscribe { background-color: #5abdba; }

<a href="/" class="btn btn-default px-5 mt-3 rounded-pill text-white text-capitalize subscribe"  role="button">{{ __('More info') }}</a>
0 голосов
/ 21 апреля 2020

Если вы хотите сохранить высоту в css, тогда в классе набора тегов d-flex и align-items-center

...