Bootstrap + The Asp.Net Mvc Framework: Building Your Site on Bootstrap

Looking for a quick overview of Bootstrap and what it can offer your project?  Add a little flavor to your Html with easy-to-apply CSS and JavaScript components. Here’s how!  This intro video uses Visual Studio, the Bootstrap NuGet package and the Asp.Net Mvc Framework to build out a little eye candy.

Bootstrapping your Asp.Net MVC Projects

This is quick and dirty! Fear not the Package Manager Console and you, too, can conform to the awesomeness of Web 2.0.  The UXiness of it, the CSS3isms, the jQuery, oh, yes, the jQuery!

A Note on Versions

Twitter.Bootstrap is evolving and changing quickly. As such, I highly recommend viewing these posts as guidelines and inspirations that you can apply in your projects. Keep in mind that there have been several significant updates to the library since I started this series and I can’t possibly keep all the videos up to date. If you’d like me to refresh one, please let me know!

That said, the topics I’m going to cover include (links to completed ones):

  1. Installing Bootstrap (this post) 
  2. Setting up a template
    1. The Completed Template
    2. Using Twitter.Bootstrap.Mvc4 as a kick-starter
  3. Reviewing and integrating the plugins, including:
    1. Carousel
    2. Typeahead
    3. Alerts
    4. Buttons
      1. Say no to Checkboxes!
    5. Collapse
    6. Modals
    7. Dropdowns
    8. Popovers
    9. Togglable Tabs (hey, that’s not even a word!)
    10. Tooltips
    11. Scrollspy
  4. Leveraging coolness in the Mvc Framework to make Bootstrap even more strapping.  See what I did there? Smile
    1. Controlling Template Rendering
    2. Fixing the Navbar and Starting Authentication

If you want to have a look at the code I’m developing as I write this, be sure to check out the repo on GitHub: https://github.com/MisterJames/BootstrappingMvc

Stay tuned and I’ll keep this page updated as I go.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Powered by sweet Captcha