Странное Bootstrap поведение кнопки - PullRequest
0 голосов
/ 19 января 2020
  <a class="btn btn-dark" href="#" role="button">Apple Music</a>

При полном разрешении работает нормально

Изображение в полном разрешении

При определенном разрешении bootstrap ведет себя так

странно в небольшом разрешении изображения

В разрешении смартфона снова работает`

Разрешение смартфона

1 Ответ

0 голосов
/ 19 января 2020

Это поведение обычно связано с комбинацией white-space: normal и word-break: break-all. Я вполне уверен, что ваша кнопка имеет определение word-break. Вы можете проверить это в своем коде.

Самый простой способ переопределить это - изменить определение white-space на white-space: nowrap, но это также зависит от того, чего вы хотите добиться с помощью текста кнопки. Если вы хотите, чтобы оно продолжало ломаться, но содержало только полные слова, вы можете исключить определение word-break или переопределить его на word-break: inherit.

...