Install and compile Bootstrap.

index.html

@@ -9,9 +9,8 @@
     <meta name="robots" content="index, follow">
     <meta name="description" content="Daniel Kraus' personal homepage. Raised in Bovenden in Lower Saxony, Germany, Daniel is a Bovender.">
     <meta name="keywords" content="Bovender, Bovenden, XL Toolbox">
-    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <link href="assets/main.css" rel="stylesheet">
-    <link href="css/bootstrap-theme.min.css" rel="stylesheet">
+    {{/*  <link href="css/bovender.css" rel="stylesheet">  */}}
-    <link href="css/bovender.css" rel="stylesheet">
     <meta name="twitter:card" content="summary"></meta>
     <meta name="twitter:site" content="@bovender_de"></meta>
     <meta property="og:title" content="Daniel Kraus ia (a) Bovender">

package.json

@@ -7,8 +7,13 @@
   "author": "Daniel Kraus <bovender@bovender.de>",
   "license": "MIT",
   "devDependencies": {
+    "autoprefixer": "^9.7.3",
+    "bootstrap": "4",
     "css-loader": "^3.4.0",
     "mini-css-extract-plugin": "^0.9.0",
+    "node-sass": "^4.13.0",
+    "postcss-loader": "^3.0.0",
+    "sass-loader": "^8.0.0",
     "style-loader": "^1.1.1",
     "webpack": "4",
     "webpack-cli": "^3.3.10"

src/component.scss

@@ -1,3 +1,5 @@
+@import "~bootstrap/scss/bootstrap";
+
 .dummy {
   background-color: transparent;
 }

webpack.config.js

@@ -17,6 +17,17 @@ module.exports = {
           'style-loader',
           MiniCssExtractPlugin.loader,
           'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: function () { // postcss plugins, can be exported to postcss.config.js
+                return [
+                  require('autoprefixer')
+                ];
+              }
+            }
+          },
+          'sass-loader'
         ],
       },
     ],