Tech Junkie Blog - Real World Tutorials, Happy Coding!: End-to-End ASP.NET MVC : Add Bootstrap Library Using NuGet

Saturday, June 18, 2016

End-to-End ASP.NET MVC : Add Bootstrap Library Using NuGet

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.

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:




Previous:ASP.NET MVC: Add JQuery Library Using NuGet
Next: ASP.NET MVC: Add JQuery UI Library Using NuGet

45 comments:

  1. AnonymousMarch 28, 2016 at 2:27 PM

    Hi
    i'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?

    ReplyDelete
  2. UnknownSeptember 11, 2016 at 2:57 PM

    Works again, thank you!!!

    ReplyDelete
  3. UnknownAugust 31, 2017 at 12:26 PM

    Hello 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

    ReplyDelete
  4. AnonymousFebruary 7, 2018 at 4:26 AM

    Thanks for sharing.

    ReplyDelete
  5. Michael SmithJanuary 6, 2019 at 6:10 PM

    This comment has been removed by the author.

    ReplyDelete
  6. emmalin2February 13, 2019 at 12:04 PM

    This comment has been removed by the author.

    ReplyDelete
  7. LewisFebruary 19, 2019 at 10:14 AM

    This comment has been removed by the author.

    ReplyDelete
  8. Saqib KhatriJuly 9, 2019 at 2:44 PM

    This comment has been removed by the author.

    ReplyDelete
  9. Faiza JeeSeptember 19, 2019 at 7:11 AM

    This 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

    ReplyDelete
  10. AzlanOctober 6, 2019 at 7:31 AM

    The best tech organizations are those that do serious research on the business that they are associated with. gadgets

    ReplyDelete
  11. Muhammad HassanOctober 21, 2019 at 2:17 PM

    I 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

    ReplyDelete
  12. Terri MeeksDecember 2, 2019 at 8:35 AM

    I 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
  13. Custom Packaging Printed BoxesFebruary 16, 2020 at 12:51 PM


    I 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

    ReplyDelete
  14. Richard H. BlackMay 19, 2020 at 1:32 AM

    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

    ReplyDelete
  15. Muhammad HassanJune 20, 2020 at 12:44 PM

    I 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

    ReplyDelete
  16. zain khanJune 26, 2020 at 6:11 AM

    visite our site for more information
    http://www.onepercase.net/2012/02/not-action-figures-tech-hp-pavilion-dv6.html?showComment=1593166271818#c6373613023245058017

    ReplyDelete
  17. zain khanJuly 3, 2020 at 11:25 AM

    visite our site for more information
    https://www.techwaver.com/write-for-us/
    write for us technology

    ReplyDelete
  18. Richard H. BlackJuly 5, 2020 at 6:22 AM

    I was reading some of your content on this website and I conceive this internet site is really informative ! Keep on putting up. 무료 vpn

    ReplyDelete
  19. rafayJuly 5, 2020 at 1:58 PM

    Thanks 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. סיינטולוגיה

    ReplyDelete
  20. BillyJuly 6, 2020 at 7:15 PM

    This 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.



    switches


    ReplyDelete
  21. Muhammad HassanJuly 19, 2020 at 12:41 PM

    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/

    ReplyDelete
  22. zain khanJuly 22, 2020 at 4:38 AM

    Hi here you can find every solution releated to the android for
    like. 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

    ReplyDelete
  23. zain khanJuly 22, 2020 at 4:40 AM

    Hi here you can find every solution releated to the android for
    like. 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

    ReplyDelete
  24. BestJuly 23, 2020 at 4:08 AM

    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

    ReplyDelete
  25. palashJuly 27, 2020 at 3:57 AM

    hi this is palash thanks for sharing this visit our blog too
    Mom Blog Names

    ReplyDelete
  26. Muhammad HassanAugust 16, 2020 at 2:32 PM

    I 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

    ReplyDelete
  27. SakshiSeptember 30, 2020 at 6:38 AM

    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 Niches for Affiliate Marketing blogs that go over the same topics? Thanks a ton!

    ReplyDelete
  28. The Custom Boxes PrintOctober 5, 2020 at 6:03 PM


    We 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

    ReplyDelete
  29. seo workOctober 7, 2020 at 8:29 AM

    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

    ReplyDelete
  30. seo star jonyDecember 27, 2020 at 11:29 AM

    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

    ReplyDelete
  31. Hyder Ak47December 31, 2020 at 1:42 AM

    that was easy mobiles price in pakistan

    ReplyDelete
  32. seo star jonyJanuary 10, 2021 at 11:20 AM

    cmxbattery

    ReplyDelete
  33. cmx batteryJanuary 10, 2021 at 11:33 AM

    If you desire to grow your knowledge just keep visiting this web page and be updated with the latest posted here
    medical batteries

    ReplyDelete
  34. Assignment HelpApril 8, 2021 at 1:23 AM

    Students 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.

    ReplyDelete
  35. Fazil SeoApril 10, 2021 at 8:23 AM

    Very 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/

    ReplyDelete
  36. Digital BloggerMay 4, 2021 at 6:08 AM

    The 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

    ReplyDelete
  37. Best assignment helpJuly 13, 2021 at 1:17 AM

    Get Assignment Help from a reliable UK writers at affordable price. Avail Best Assignment helper at 25% OFF, Quick Delivery, 24/7 Free Assistance .Get Do My Assignment online by expert writers to secure good grades. Assignment Ace offers finest assignment writing service with unlimited discounts.

    ReplyDelete
  38. MaJuly 14, 2021 at 4:10 AM

    How Can You Make A Unique Identity For The Products In This Heavily Saturated Market?
    custom boxes

    ReplyDelete
  39. flightapisseo@gmail.comJuly 24, 2021 at 3:05 AM

    I loved your post. Really Great.
    Our Airline Reservation Portal developed by us are integrated with popular worldwide GDS systems like the Amadeus, Travelport, and more. The mentioned GDS are preferred by Travelportalonline because they help you include a long list of airlines in your inventory.

    Airline Reservation System

    ReplyDelete
  40. flightapisseo@gmail.comJuly 24, 2021 at 3:24 AM

    Thanks for sharing your thoughts and ideas on this one. Please keep posting about such articles as they really spread useful information. Thanks for this particular sharing.

    B2B Travel Portal

    ReplyDelete
  41. Isabell KiralAugust 31, 2021 at 1:44 AM

    Such kind of projects are very good for developers because through these, they can earn a lot of money. They can also join different companies and complete their paid task and secure their future. Jobless persons can join this field and they can enjoy earning money. Dissertation writing service.

    ReplyDelete
  42. oncadaycommSeptember 9, 2021 at 11:39 PM

    Just desire tto say your article is as surprising.
    The clarity in your post is simply excellent and i could
    assume you’re an expert on this subject.
    Well with your permission allow me to grab your RSS feed to keep updated with forthcoming
    post. Thanks a million and please carry on the enjoyable work. 바카라사이트

    ReplyDelete
  43. vé máy bay từ canada về việt namNovember 16, 2021 at 10:27 PM

    Đặt vé máy bay tại Aivivu, tham khảo

    Vé máy bay đi Mỹ

    mua vé về việt nam

    lịch bay từ canada về việt nam

    vé máy bay nhật bản về việt nam

    mua ve may bay tu han quoc ve viet nam

    Vé máy bay từ Đài Loan về Việt Nam

    Chi phi cho chuyen gia nuoc ngoai

    ReplyDelete
  44. Zara BolenJuly 14, 2023 at 6:00 AM

    This comment has been removed by the author.

    ReplyDelete
  45. TarunJanuary 11, 2024 at 7:42 AM

    I appreciate your meticulous research and the clarity with which you present complex ideas. learn google cloud platform

    ReplyDelete

Subscribe to: Post Comments (Atom)

Search This Blog