Question

在我的页面上，我有一个工具栏，应该在中间居中。我有一个单独的css表，它居中，但它一直被min.css文件覆盖。

在我的身体内容中，我有：

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
  float:none !important;
}

但是当我通过控制台检查页面时，它总是在min.css中显示：

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
  float:left;
}

如何覆盖它？

Answer 1

我不建议你改变bootstrap.min.css。创建新类并使用它。例如

      .my-toolbar {
           float:none !important;
      }

Answer 2

在<head>重新排序CSS文件：

<!--CSS-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="contents.css" rel="stylesheet" type="text/css">