ASP.NET Design Template with Bootstrap

Question

I am developing many web application using ASP.NET.

For that, i used Ajax,CSS,HTML,etc.

We were not used in depth Bootstrap and other technologies with ASP.NET.

I have the requirement and want to develop .NET Web application with Rich and user friendly design template using BootStrap and Angular JS.

for engineering domain, where we could find the rich Bootstrap design and template ..

pls. help me to how to design the rich template like bootstrap in ASP.NET

Answer 1

Hi,

You can add Bootstrap to your ASP.NET Core project by using LibMan: In VS this is done by right-clicking on your Project, select Add > Client-Side Library > Search for 'twitter-bootstrap'. You then add the stylesheet references as well as the script-tag.

Alternatively, you can install the NuGet package:

PM> Install-Package bootstrap

Of course you can also just include it directly in your HTML by using the jsDelivr CDN:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/js/bootstrap.bundle.min.js" integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N" crossorigin="anonymous"></script>

Answer 2

If you are going to use bootstrap with angular, then you probably want an angular lib to replace the bootstrap components which depends on jquery. Also angular component are easier to code with.

I use react and react-bootstrap, but you probably want something like this

https://ng-bootstrap.github.io/#/home