Css entry for .card-header-tabs is placed in wrong order

[Rahman Nur Hadi]

Hello. I found out that there is css entry on bootstrap-loader generated style that placed in wrong order.

When using vanilla boostrap css via link rel on header:

When using bootstrap-loader:

Notice that on second pic there is some space on bottom side of navigation. And when inspecting elements, notice the first one has style for .card-header-tabs placed on top but the latter one does not.

My webpack.config.js

var webpack = require('webpack');

module.exports = {
    entry: [
         './src/WebApp/Js/main.js',
        'bootstrap-loader'
    ],
    output: {
        filename: 'bundle.js'
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery",
            Popper: 'popper.js',
            Tether: "tether",
            "window.Tether": "tether",
            Alert: "exports-loader?Alert!bootstrap/js/dist/alert",
            Button: "exports-loader?Button!bootstrap/js/dist/button",
            Carousel: "exports-loader?Carousel!bootstrap/js/dist/carousel",
            Collapse: "exports-loader?Collapse!bootstrap/js/dist/collapse",
            Dropdown: "exports-loader?Dropdown!bootstrap/js/dist/dropdown",
            Modal: "exports-loader?Modal!bootstrap/js/dist/modal",
            Popover: "exports-loader?Popover!bootstrap/js/dist/popover",
            Scrollspy: "exports-loader?Scrollspy!bootstrap/js/dist/scrollspy",
            Tab: "exports-loader?Tab!bootstrap/js/dist/tab",
            Tooltip: "exports-loader?Tooltip!bootstrap/js/dist/tooltip",
            Util: "exports-loader?Util!bootstrap/js/dist/util",
        })
    ]
};

My .bootstraprc is same as .bootstraprc-4-default, nothing changed.

The source code for html file is on bootstrap docs.

[Justin Gordon]

Closing due to inactivity. Please request to reopen if you like.