Как упростить меню Bootstrap?

Question

Есть ли способ создать класс, который содержит несколько других классов? В меню Bootstrap есть много тегов привязки с одинаковыми множественными классами, такими как:

 <a class="nav-item nav-link" asp-controller="Account" asp-action="Login">Login</a>

На что-то вроде:

 <a class="consolidate-name" asp-controller="Account" asp-action="Login">Login</a>

Answer 1

в основном, nav-item, nav-link, navbar-brand и т. Д. Являются базовыми предопределенными классами,
почему мы используем эти классы?

1. избегаем дополнительного времени на написание CSS
2. эти классы стабильны, что означает, что они очень хорошо протестированы.

3. используйте эти классы, класс, реагирующий на архивирование.

          -----note----
   

ваш вопросбыла ли какая-то проблема изменить класс начальной загрузки?
ответ не был проблемой,
если вы хорошо разбираетесь в CSS, то вы можете изменить или упростить любые коды, и даже вы можетеразрабатывать свои собственные CSS-фреймворки

Answer 2

Вы не можете сделать это в CSS , но когда вам нужно использовать файл LESS , вы можете делать такие вещи в своем проекте.

Используйте МЕНЬШЕ

Сначала вам нужно импортировать файл bootstrap.less .

Нажмите , чтобы перейти к установке BootstrapLess

Например, синтаксис: :

.consolidate-name {
    .nav-item;
    .nav-link;
}