Написание собственного класса для того же, что и .container-liquid

Question

В проекте, над которым я работаю, есть файл css, в котором .container-liquid перезаписан в файле, импортированном во все проекты Vue.

Я добавляю 7 страниц на эти страницы. И переписанное поведение полезно для старых 20 страниц.

Но мне нужно использовать .container-liquid на других страницах, и если я его использую, он не будет работать так, как я хочу.

Как решить эту проблему? Могу ли я написать класс CSS для того же поведения?

Answer 1

Абсолютно.Имейте в виду, что Bootstrap - это просто структура, над которой вы можете строить, и, по сути, она просто создает список «базовых» правил CSS, которые вы можете либо перезаписать, либо использовать.Если вы хотите, чтобы Bootstrap container-fluid применялся к некоторым страницам, а не к другим, просто создайте собственный класс CSS и используйте его на других страницах:

.container-custom {
  width: 50%;
}

<div class="container-custom">

И для ваших страниц, которые вы хотите использоватьконтейнер Bootstrap для:

<div class="container-fluid">

Обратите внимание, что правило .container-custom не будет применяться к элементу (ам) class="container-fluid", поэтому они по-прежнему будут иметь стиль Bootstrap.

Кроме того, не забывайте, что в Bootstrap есть также стандартный .container, который может оказаться полезным.