# ASP Net Core 3.0 SPA with Aurelia - no Bootstrap at Components

**URL:** <https://discourse.aurelia.io/t/asp-net-core-3-0-spa-with-aurelia-no-bootstrap-at-components/3081>\
**Category:** Help Requests\
**Created:** [November 21, 2019, 4:13pm UTC](https://discourse.aurelia.io/t/asp-net-core-3-0-spa-with-aurelia-no-bootstrap-at-components/3081 "2019-11-21T16:13:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bruni](https://avatars.discourse-cdn.com/v4/letter/b/48db29/32.png) [@Bruni](https://discourse.aurelia.io/u/Bruni)\
**Post date:** [November 21, 2019, 4:13pm UTC](https://discourse.aurelia.io/t/asp-net-core-3-0-spa-with-aurelia-no-bootstrap-at-components/3081/1 "2019-11-21T16:13:25Z")

</div>

Hello Community

I’ve a Problem to set up my new Aurelia Project.

1. I try to get the Standard AspNetCore Spa with Aurelia via dotnet-cli “dotnet new aurelia”
2. “npm install”
3. now i got the base Project and can run the Project, but when i try to Change, for example, the “home.html” and write some bootstrap classes(classnames: d-flex,border,etc.) in it, it will have no Impact.

I use:

- dotnet-cli 3.0.101
- AspNetCore 3.0
- Aurelia
- Bootstrap 4.0.0 beta3
- Webpack

**package.json:**

> “devDependencies”: {  
> “@types/webpack-env”: “^1.13.0”,  
> “aspnet-webpack”: “^2.0.1”,  
> “aurelia-bootstrapper”: “^2.0.1”,  
> “aurelia-fetch-client”: “^1.0.1”,  
> “aurelia-framework”: “^1.1.0”,  
> “aurelia-loader-webpack”: “^2.0.0”,  
> “aurelia-pal”: “^1.3.0”,  
> “aurelia-router”: “^1.2.1”,  
> “aurelia-webpack-plugin”: “^2.0.0-rc.2”,  
> “bootstrap”: “^4.0.0-beta.3”,  
> “css-loader”: “^0.28.0”,  
> “extract-text-webpack-plugin”: “^2.1.0”,  
> “file-loader”: “^0.11.1”,  
> “html-loader”: “^0.4.5”,  
> “isomorphic-fetch”: “^2.2.1”,  
> “jquery”: “^3.4.1”,  
> “json-loader”: “^0.5.4”,  
> “style-loader”: “^0.16.1”,  
> “ts-loader”: “^2.0.3”,  
> “typescript”: “^2.2.2”,  
> “url-loader”: “^0.5.8”,  
> “webpack”: “^2.3.3”,  
> “webpack-hot-middleware”: “^2.18.0”  
> },  
> “dependencies”: {  
> “popper.js”: “^1.16.0”  
> }

**Webpack:**

> ```
> const path = require('path');
> const webpack = require('webpack');
> const { AureliaPlugin } = require('aurelia-webpack-plugin');
> const bundleOutputDir = './wwwroot/dist';
> 
> module.exports = (env) => {
> const isDevBuild = !(env && env.prod);
> return [{
> stats: { modules: false },
> entry: { 'app': 'aurelia-bootstrapper' },
> resolve: {
> extensions: ['.ts', '.js'],
> modules: ['ClientApp', 'node_modules'],
> },
> output: {
> path: path.resolve(bundleOutputDir),
> publicPath: 'dist/',
> filename: '[name].js'
> },
> module: {
> rules: [
> { test: /\.ts$/i, include: /ClientApp/, use: 'ts-loader?silent=true' },
> { test: /\.html$/i, use: 'html-loader' },
> { test: /\.css$/i, use: isDevBuild ? 'css-loader' : 'css-loader?minimize' },
> { test: /\.(png|jpg|jpeg|gif|svg)$/, use: 'url-loader?limit=25000' }
> ]
> },
> plugins: [
> new webpack.DefinePlugin({ IS_DEV_BUILD: JSON.stringify(isDevBuild) }),
> new webpack.DllReferencePlugin({
> context: __dirname,
> manifest: require('./wwwroot/dist/vendor-manifest.json')
> }),
> new AureliaPlugin({ aureliaApp: 'boot' })
> ].concat(isDevBuild ? [
> new webpack.SourceMapDevToolPlugin({
> filename: '[file].map', // Remove this line if you prefer inline source maps
> moduleFilenameTemplate: path.relative(bundleOutputDir, '[resourcePath]')
> })
> ] : [
> new webpack.optimize.UglifyJsPlugin()
> ])
> }];
> }
> 
> ```

Is the base Project wrong?  
I tried to change the webpack like that link here! But no success…  
([Forum Link](https://discourse.aurelia.io/t/using-bootstrap-v4-in-a-requirejs-based-aurelia-cli-application/21/9))

I have already reviewed several other forums, unfortunately I have no current topic or read this case anywhere! Can someone help me?

---

<div class="post-metadata">

**Author:** ![MaximBalaganskiy](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/maximbalaganskiy/32/831_2.png) [@MaximBalaganskiy](https://discourse.aurelia.io/u/MaximBalaganskiy)\
**Post date:** [November 22, 2019, 12:07am UTC](https://discourse.aurelia.io/t/asp-net-core-3-0-spa-with-aurelia-no-bootstrap-at-components/3081/2 "2019-11-22T00:07:45Z")

</div>

Here is a template with bootstrap in place

> **[MaximBalaganskiy/AureliaDotnetTemplate](https://github.com/MaximBalaganskiy/AureliaDotnetTemplate)**
>
> Aurelia .Net Template. Contribute to MaximBalaganskiy/AureliaDotnetTemplate development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![Bruni](https://avatars.discourse-cdn.com/v4/letter/b/48db29/32.png) [@Bruni](https://discourse.aurelia.io/u/Bruni)\
**Post date:** [November 22, 2019, 7:34am UTC](https://discourse.aurelia.io/t/asp-net-core-3-0-spa-with-aurelia-no-bootstrap-at-components/3081/3 "2019-11-22T07:34:28Z")

</div>

Thank you Maxim 😀