"name": "Launch Chrome against localhost", It might have happen after I updated node.js Style and script bundles of bootstrap in BundleConfig.I suddenly can't debug my Angular Application. Just click on BundleConfig.cs class it will open in Visual studio IDE as shown below.Īll scripts and style bundles are written in this file and you can see it in below snapshot. Rendering style and script bundles on _Layout.cshtmlĪfter we saw how this scripts and CSS are rendered on view now let's look at this bundle this bundle are located in BundleConfig.cs and this BundleConfig.cs is located in App_Start folder. We are going to open Layout View on this View there is a reference of bootstrap js and CSS which make this View responsive.įig 5. Now after having look on the responsive design now let's view mechanism behind this. The menu which was horizontal in desktop view is turned into vertical in mobile view as shown below snapshot. Now, same Login View if we try to see this in Mobile then it will adjust accordingly. Now after we have gone through mark let's access this View in the browser and view it in desktop mode how the design looks like. This framework helps to design application faster and responsive.Īfter we have created an application in MVC 5 let's have look on the Content folder, wow all style and script related to bootstrap are already available we know more required to add bootstrap manually that's great.Īfter having a look on style and script now let's have look at the design of application how it looks.įor seeing bootstrap design we are going Open Login.cshtml View which is located in Views ➜ Accounts folder in visual studio IDE and this View is completely designed in bootstrap. The new feature which was added in MVC 5 most people were adding this designing framework to project manually.
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
0 kommentar(er)
