Html 拥有CSS don'；t覆盖引导

奇怪的引导4（alpha6）行为

我的main.scss如下所示：

$fa-font-path: "../assets/font-awesome/fonts/";

@import '../assets//bootstrap/scss/bootstrap';
@import "../assets/include-media/dist/include-media.scss";
@import "../assets/font-awesome/scss/font-awesome";

@import 'https://fonts.googleapis.com/css?family=Roboto+Slab:300,700,400';
@import 'https://fonts.googleapis.com/css?family=Cinzel';


@import "helper/fonts";
@import "helper/variables";
@import "helper/helper";
@import "global";

@import "partials/header";
@import "partials/footer";
@import "components/navigation";

@import "views/index";

在我的global.scss中，我刚刚得到：

body {
    color: #fff;
    font-weight: 400;
    background-color: #000 !important;
    font-weight: 300;
    font-family: $font-family-sans-serif;
}  

但不知何故，bootstrap-4中包含的scs覆盖了我自己的css代码。 我用bower安装了b4-a6，用gulp（通常的方式）编译，用远程同步（atom.io）上传。我可以在服务器上打开并读取正确的css文件，我自己的css甚至包含在底部的编译文件中，因此显然编译文件可以正确上传，但浏览器不会读取我自己的css。
使用Bootstrap3.2，一切都正常

有什么想法吗

编辑1:
Firefox（最新版本）和Chrome（最新测试版）的行为相同。Safari（最新的公共测试版）阅读css很好，网站也很好

编辑2:
这是我的gulp css文件：

var gulp       = require('gulp'),
    config     = require('../config'),
    sass       = require('gulp-sass'),
    sourcemaps = require('gulp-sourcemaps'),
    prefix     = require('gulp-autoprefixer'),
    header     = require('gulp-header'),
    concat     = require('gulp-concat'),
    watch      = require('gulp-watch'),
    notify     = require('gulp-notify');

// Compile our css and push it to the public webfolder
gulp.task('css_main', function () {
    gulp.src(config.themePath + 'scss/main.scss')
        .pipe(notify({
            title: "SASS",
            message: "Compiling main.scss ..."
        }))
        .pipe(sourcemaps.init())
        .pipe(sass().on('error', function(error) {
            notify().write(error);
        }))
        .pipe(prefix('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
        .pipe(header("/* This file is generated, do not edit by hand! */\n"))
        .pipe(sourcemaps.write('../css/maps', {
            includeContent: false,
            sourceRoot: '../scss'
        }))
        .pipe(notify({
            title: "SASS",
            message: "Compiled: <%= file.relative %>"
        }))
        .pipe(gulp.dest(config.themePath + 'css/'));
});

var gulp=require（'gulp'），
config=require（'../config'），
sass=require（'gulp-sass'），
sourcemaps=require（'gulp-sourcemaps'），
前缀=require（'gulp-autoprefixer'），
收割台=需要（'gulp-header'），
concat=require（'gulp-concat'），
watch=require（'gulp-watch'），
通知=要求（'gulp-notify'）；
//编译css并将其推送到公共webfolder
吞咽任务（'css_main'，函数（）{
gulp.src（config.themePath+'scss/main.scss'）
.管道（通知({
标题：“SASS”，
消息：“正在编译main.scss…”
}))
.pipe（sourcemaps.init（））
.pipe（sass（）.on（'error'，函数（error）{
notify（）.write（错误）；
}))
.pipe（前缀（'last 2 version'、'safari 5'、'ie 8'、'ie 9'、'opera 12.1'、'ios 6'、'android 4'））
.pipe（标题（“/*此文件已生成，请勿手动编辑！*/\n”））
.pipe（sourcemaps.write（“../css/maps”{
includeContent:false，
sourceRoot:“../scss”
}))
.管道（通知({
标题：“SASS”，
消息：“已编译：”
}))
.pipe（gulp.dest（config.themePath+'css/'）；
});

据我所知，这也适用于Bootstrap 4。您可以尝试使用一个更强大的选择器，就像

html body{…}

相同的行为。我甚至在boostrap.scs之后添加了global.scs，但在chrome和firefox中仍然没有添加。即使使用更强的选择器。也许你的吞咽配置有问题？使用bootstrap4（alpha6），我可以随心所欲地调整我的身体标签：这里也一样，但只是在Safari中。其他浏览器不读取我的文件。我将尝试从CDN中包含.css。是的，没有scss文件，并且作为样式标记包含在CDN中，效果很好。奇怪。