Обновление Bootstrap 4.6.0 до 4.6.2 приводит к увеличению мелких шрифтов и удалению цвета вкладок. Что я могу сделать?

В теме должно быть сказано все, но я пытался обновить Bootstrap в нескольких базах кода с версии 4.6.0 до 4.6.2. В целом это работает, но я заметил несколько препятствий, которые мешают мне обновиться.

Тег <small> и класс CSS .small теперь стали больше.
Вкладки, установленные с помощью .nav-tabs .nav-link, теперь затеняются только в активном состоянии и больше не затеняются в неактивном состоянии.

Что дает? Переход с 4.6.0 на 4.6.2 считается изменением уровня патча, которое не должно менять основную функциональность и лишь устраняет различные основные проблемы с кодированием? Он должен позволять исправлять ошибки с обратной совместимостью; не меняется так.

Я попробовал обновить Bootstrap 4.6.1, и все работало нормально; проблема возникает только при обновлении до Bootstrap 4.6.2.

Что я могу сделать, чтобы это исправить?

css twitter-bootstrap bootstrap-4

01.03.2024 01:28

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

132

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Решение — переопределить CSS для `small`, `.small` и `.nav-tabs .nav-link`.

Единственное решение, которое я нашел, — это переопределить заряженный CSS в моем пользовательском файле CSS. Изменения, которые мне пришлось внести, следующие:

small, .small {
  font-size: 80% !important;
}

.nav-tabs .nav-link {
  background-color: revert;
}

Просто установите этот CSS для small, .small и .nav-tabs .nav-link, перезагрузите/обновите кеш браузера, и он должен выглядеть/вести себя так, как в Bootstrap 4.6.0 или Bootstrap 4.6.1.

01.03.2024 01:33