如何简化Bootstrap菜单?

时间:2019-06-04 12:33:13

标签: css bootstrap-4

是否有一种方法可以制作一个包含其他几个类的类? 在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>

2 个答案:

答案 0 :(得分:0)

在CSS中无法做到这一点,但是当您应该使用 LESS 文件时,便可以在项目中执行此类操作。

使用LESS

您将必须首先导入bootstrap.less 文件。

Click逐步安装“更少安装Bootstrap”

例如,语法为

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

答案 1 :(得分:0)

基本上,nav-item,nav-link,navbar-brand等是基本的预定义类,
为什么我们使用这些类?

  1. 避免额外的时间编写CSS
  2. 这些类是稳定的,这意味着它测试得很好。
  3. 使用这些类,归档响应类。

           -----note----
    

您的问题是更改引导程序类是否有问题?
答案没问题
如果您精通CSS,则可以更改或简化任何代码,甚至可以开发自己的CSS框架