Saturday, June 18, 2016
In the previous blog we've created added the JQuery library to an empty ASP.NET MVC project. In this blog we will add the Bootstrap to the empty ASP.NET MVC project that we've just created.
Step by Step Instructions:
1. Open the empty ASP.NET MVC project that you've just created
2. Right click on the the "References" node in the "Solution Explorer", then select "Manage NuGet Packages"
3. In the search box on the right of NuGet window type "bootstrap", the search result will be displayed. You will see that an earlier version was installed, click the "Update" button to upgrade to the latest stable version. Then click "OK" on the "Preview Changes" dialog.
8. Now let's test our bootstrap installation, in the "Index.cshtml" type in the following markup
9. When you press Ctrl+F5 to run the application you should see the following in your browser
Similar Posts:
Step by Step Instructions:
1. Open the empty ASP.NET MVC project that you've just created
2. Right click on the the "References" node in the "Solution Explorer", then select "Manage NuGet Packages"
3. In the search box on the right of NuGet window type "bootstrap", the search result will be displayed. You will see that an earlier version was installed, click the "Update" button to upgrade to the latest stable version. Then click "OK" on the "Preview Changes" dialog.
4.You will see that the latest version has been installed.
6. Now you should see the Bootstrap scripts in the "Scripts" folder
7. You will also noticed that the "Contents" folder has been created, this folder was created when NuGet installed the Bootstrap library in the "NorthwindCafe" project. This folder contains the cascading stylesheet that Bootstrap uses
8. Now let's test our bootstrap installation, in the "Index.cshtml" type in the following markup
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
</head>
<body>
<div class="jumbotron">
Hello Bootstrap!
<p><a class="btn btn-primary btn-lg" href="#" role="button">Installed</a></p>
</div>
</body>
</html>
9. When you press Ctrl+F5 to run the application you should see the following in your browser
Similar Posts:
- End-to-End ASP.NET MVC : Create an ASP.NET MVC Empty Project
- ASP.NET MVC Empty Project: Add JQuery Library Using NuGet
- ASP.NET MVC Empty Project: Add JQuery UI Library Using NuGet
- ASP.NET MVC Empty Project : _ViewStart.cshtml The Default Layout
- ASP.NET MVC Empty Project : Adding BundleConfig From Scratch
Subscribe to:
Post Comments (Atom)
Search This Blog
Tags
Web Development
DATA
ASPNET
Javascript
SQL Server
Linux
ASP.NET Core
ASP.NET MVC
Virtualization
SQL
ADO.NET
Cloud Computing
AngularJS
Azure
JQuery
C#
CentOS
ASP.NET MVC 5
Database
Visual Studio
Entity Framework Core
T-SQL
Stored Procedures
Entity Framework
Errors
Node.js
Oracle
Bootstrap
CSS
Ubuntu
Iaas
Web Design
ExpressJS
NuGet
VirtualBox
Blogger
Blogging
Bower.js
Data Science
Fedora
JSON
MongoDB
NoSQL
Computer Networking
Computer Programming
DBMS
HTML5
SPA
AJAX
AWS
Big Data
Design Pattern
DevOps
GIMP
Graphics Design
Heroku
MVC
Networking
R
ACME Bank
ASP.NET MVC 4
Java
Postman
Powershell
Server
Source Control
Telerik
Windows Server 2016
angular-seed
font-awesome
git
log4net
Active Directory
Angular
Coding
Collections
Compatibility
Container
DIgital Life
Docker
Downloads
EC2
Google Blogger
Google Chrome
Hadoop
Infrastructure
KnockoutJS
LINQ
Mobile-First
MySQL
Open Source
Prototype
Python
R Programming
Responsive
SELinux
Security
Software
Software Development
Unix
View
Web Api
Web Forms
XML
cshtml
Hi
ReplyDeletei'm trying to install bootstrap with NuGet, but it told me "Incompatobe: use Bower insted"
i was try update Nuget but seems i have latest version, maybe any idea what can be the reason?
Works again, thank you!!!
ReplyDeleteHello everyone, great article. I have a question on how to add the Bootstrap library to java. There was a need to put the Bootstrap template on the site, but there is no necessary library. Who has experience of such work, write, please, it is very necessary
ReplyDeleteThat was easy!
ReplyDeleteThanks for sharing.
Thanks for sharing.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteNice
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThis is my first visit to your web journal! We are a group of volunteers and new activities in the same specialty. Website gave us helpful data to work. hoverwatch coupon code
ReplyDeleteThe best tech organizations are those that do serious research on the business that they are associated with. gadgets
ReplyDeleteI appreciate this article for the well-researched content and excellent wording. I got so interested in this material that I couldn’t stop reading. Your blog is really impressive. visit this website
ReplyDeleteI am very enjoyed for this blog. Its an informative topic. It help me very much to solve some problems. Its opportunity are so fantastic and working style so speedy. useful link
ReplyDelete
ReplyDeleteI have read your excellent post. This is a great job. I have enjoyed reading your post the first time. I want to say thanks for this post. Thank you…
Custom Packaging Boxes
Thanks for the blog loaded with so many information. Stopping by your blog helped me to get what I was looking for. Breast Cancer Prevention
ReplyDeleteI am impressed. I don't think Ive met anyone who knows as much about this subject as you do. You are truly well informed and very intelligent. You wrote something that people could understand and made the subject intriguing for everyone. Really, great blog you have got here. write for us technology
ReplyDeletevisite our site for more information
ReplyDeletehttp://www.onepercase.net/2012/02/not-action-figures-tech-hp-pavilion-dv6.html?showComment=1593166271818#c6373613023245058017
visite our site for more information
ReplyDeletehttps://www.techia.net
Techia
visite our site for more information
ReplyDeletewrite for us technology
visite our site for more information
ReplyDeletehttps://www.techwaver.com/write-for-us/
write for us technology
I was reading some of your content on this website and I conceive this internet site is really informative ! Keep on putting up. 무료 vpn
ReplyDeleteThanks for sharing the post.. parents are worlds best person in each lives of individual..they need or must succeed to sustain needs of the family. סיינטולוגיה
ReplyDeleteI think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article. a course in miracles questions and answers
ReplyDeleteThis article is a connecting with wealth of accommodating educational that is intriguing and exquisitely formed. I perceive your troublesome work on this and thank you for this information. I know it very well that if anyone visits your blog, by then he/she will undeniably come back to it.
ReplyDeleteswitches
visite our sit for more information about our web
ReplyDeleteEZTV Proxy
Your blog has chock-a-block of useful information. I liked your blog's content as well as its look. In my opinion, this is a perfect blog in all aspects. https://repeaterwifi.org/
ReplyDeleteHi here you can find every solution releated to the android for
ReplyDeletelike. if you want to customize your android phone i will help you
Moreandroidmist if you want to find best android app related to every field this
website help you like you want to see businsess app education app etc.
so please visit my site for android problem androidmist thank you
Hi here you can find every solution releated to the android for
ReplyDeletelike. if you want to customize your android phone i will help you
Moreandroidmist if you want to find best android app related to every field this
website help you like you want to see businsess app education app etc.
so please visit my site for android problem androidmist thank you
Nice to be visiting your blog again, it has been months for me. Well this article that i've been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share. algebra calculator simplify
ReplyDeletehi this is palash thanks for sharing this visit our blog too
ReplyDeleteMom Blog Names
ReplyDeleteWe provide custom packaging boxes for multi-purposes depending on their usage and quality. To make your custom boxes speak about your brand, we offer a verity of printing solutions. You can make your own custom packaging boxes that fit the requirements of your brand.
Custom Packaging Boxes
Custom Boxes with Logo
Hi! This is my first comment here so I just wanted to give a quick shout out and say I genuinely enjoy reading your blog posts. Can you recommend any other Fashion Write For Us blogs that go over the same topics? Thanks a ton!
ReplyDeleteHi! This is my first comment here so I just wanted to give a quick shout out and say I genuinely enjoy reading your blog posts. Can you recommend any other Beauty Write For Us blogs that go over the same topics? Thanks a ton!
ReplyDeleteI got too much interesting stuff on your blog. I guess I am not the only one having all the enjoyment here! Keep up the good work. students
ReplyDeleteHi! This is my first comment here so I just wanted to give a quick shout out and say I genuinely enjoy reading your blog posts. Can you recommend any other Beauty Guest Post blogs that go over the same topics? Thanks a ton!
ReplyDeleteHi! This is my first comment here so I just wanted to give a quick shout out and say I genuinely enjoy reading your blog posts. Can you recommend any other Niches for Affiliate Marketing blogs that go over the same topics? Thanks a ton!
ReplyDelete
ReplyDeleteWe offer custom boxes that give you full liberty of customizing the entire packaging at every step. Packaging is the first thing a customer notices. It has to be spot on to appeal to the customers. The visual appeal ticks a customer before they could actually choose a product. Packaging is the first impression we are committed to make that leaves a lasting impact on the customers.
Custom Packaging Boxes USA
Soap Boxes
Slider Boxes
Nail Polish Boxes
Lipstick Boxes
Pillow Boxes
Custom Lip Balm Boxes
I definitely enjoying every little bit of it. It is a great website and nice share. I want to thank you. Good job! You guys do a great blog, and have some great contents. Keep up the good work. Europa-Road konténeres szállítmányozás
ReplyDeleteConsider the administrations of scholastic composing gave by experienced Assignment Help. They give commendable assignment composing help to all researchers who can't complete their papers because of any explanation. Follow some normal strides to profit of the administrations of scholarly authors.
ReplyDeletethe high demand of qualified professionals and lower supply of the same, as per the economic principles, the salary structure would be quite attractive. data science course syllabus
ReplyDeletevery fast and great service Customized Packing Box Company
ReplyDeleteThis blog is amazing keep sharing quality custom boxes
great work keep it up new birthday wishes
Nice to be visiting your blog again, it has been months for me. Well this article that i've been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great oral steroid tablets
ReplyDeletethat was easy mobiles price in pakistan
ReplyDeletecmxbattery
ReplyDeleteIf you desire to grow your knowledge just keep visiting this web page and be updated with the latest posted here
ReplyDeletemedical batteries
Such a wonderful information blog post on this topic allassignmentservices.com provides assignment service at affordable cost in a wide range of subject areas for all grade levels, we are already trusted by thousands of students who struggle to write their academic papers and also by those students who simply want pay for assignment to save their time and make life easy.
ReplyDeleteAssignment Help can cover all such prime necessities that are referenced in the student's educational plan and subsequently gives an extensive solution to different sorts of economics assignments. Along these lines, their nonappearance from the classes profoundly influences their studies and they find it exceptionally difficult to finish their economics assignment on time.
ReplyDeleteStudents are facing difficulties when writing university assignment or essay. This is the reason we offer bespoke Assignment Helper writing service that can help boost your academic score and performance.
ReplyDeleteVery informative post! There is a lot of information here that can help any business get started with a successful social networking campaign. https://itprospt.com/what-to-do-if-xinput1_3-dll-is-missing-windows-10/
ReplyDeleteThe website loading speed is amazing. It sort of feels that you’re doing any distinctive trick. Moreover, The contents are masterwork. you have performed a excellent activity in this matter!Submit Tech Guest Post
ReplyDeletehttps://www.city-data.com/forum/members/cnn11-2379060.html
ReplyDeleteNepal Tour Packages Wonderful post! I am getting the wonderful ideas to explore top popular tourist attractions of Nepal. Travelers can learn important tips to get the best deals for Nepal tourism packages. This blog is very interesting for me. I am very happy for this amazing blog.
ReplyDeleteNepal Tour Package
Nepal Tour
Nepal Tourist Packages