Css 引导-在navbar.less中应用时，navbar更改不起作用

我正在尝试更新引导中导航栏的样式。如果我只创建一个新文件main.css，导入bootstrap.min.css，并添加我想要的属性，这很容易：

//     main.css

.navbar-header {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
}

但是，当我尝试将相同的属性放在navbar.less中，然后对其进行编译（而不是使用main.css）时，更改不起作用：

//     bootstrap/less/navbar.less

.navbar-header {
    // BEGIN CUSTOM STYLES

    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;

    // END CUSTOM STYLES

    &:extend(.clearfix all);

    @media (min-width: @grid-float-breakpoint) {
        float: left;
    }
}

---

有人能告诉我为什么会这样吗？

这是关于grunt的问题。我在页面中使用了bootstrap.min.css，而grunt并没有缩小编译后的bootstrap.css

我正在使用

grunt-watch

自动编译文件。但是，我使用的默认grunt配置没有运行css:minifyCore任务。因此，我必须从以下内容更新Gruntfile.js中的一个部分：

watch: {
  src: {
    files: '<%= jshint.core.src %>',
    tasks: ['jshint:src', 'qunit', 'concat']
  },
  test: {
    files: '<%= jshint.test.src %>',
    tasks: ['jshint:test', 'qunit']
  },
  less: {
    files: 'less/**/*.less',
    tasks: 'less'
  }
},

观察：{
src:{
文件：“”，
任务：['jshint:src'，'quonit'，'concat']
},
测试：{
文件：“”，
任务：['jshint:test'，'qunit']
},
减：{
文件：“less/***/.less”，
任务：“更少”
}
},

为此：

watch: {
  src: {
    files: '<%= jshint.core.src %>',
    tasks: ['jshint:src', 'qunit', 'concat']
  },
  test: {
    files: '<%= jshint.test.src %>',
    tasks: ['jshint:test', 'qunit']
  },
  less: {
    files: 'less/**/*.less',
    tasks: ['less', 'cssmin:minifyCore']
  }
},

观察：{
src:{
文件：“”，
任务：['jshint:src'，'quonit'，'concat']
},
测试：{
文件：“”，
任务：['jshint:test'，'qunit']
},
减：{
文件：“less/***/.less”，
任务：['less'，'cssmin:minifyCore']
}
},