Skip to main content

Visual Studio 2013 Preview Adds Twitter Bootstrap

Tags

Bootstrap

Microsoft’s latest release of Visual Studio 2013 Preview has many developers puzzled as to why there is already an update to their developing platform, Visual Studio 2012, which was released back in late August of 2012. Microsoft is saying, “there has been a fundamental shift to device and services experiences altering how the industry approaches software development,” which I highly agree with. Software developers need the latest tools to support the latest environments. The web, our mobile platforms, and our desktop experiences are ever changing. Windows 8 is a great example of this change and represents a hybrid platform between a mobile and desktop experience.

Microsoft, to help developers keep up with these changes, has now added the responsive layout framework “Bootstrap,” out of the box. Bootstrap, developed by Mark Otto and Jacob Thornton while working at Twitter, has gained massive popularity in the last year and a half on GitHub and throughout the open source community as the go-to framework for a consistent user experience and rapid development up times. Bootstrap, out of the box, contains support for UI elements such as tables, forms, buttons, images, typography, grid-layouts, and responsive themes. Of course you could always add Bootstrap to any project whether it be a .NET project or not, but Microsoft is making it that much easier for you on your next MVC project. Check out Bootstrap here.

Here is a set of buttons created with standard Bootstrap syntax. More on this can be found here: http://twitter.github.io/bootstrap/base-css.html#buttons

<p>
   <button class="btn btn-large btn-primary" type="button">Large button</button>
   <button class="btn btn-large" type="button">Large button</button>
</p>
<p>
   <button class="btn btn-primary" type="button">Default button</button>
   <button class="btn" type="button">Default button</button>
</p>
<p>
   <button class="btn btn-small btn-primary" type="button">Small button</button>
   <button class="btn btn-small" type="button">Small button</button>
</p>
<p>
   <button class="btn btn-mini btn-primary" type="button">Mini button</button>
   <button class="btn btn-mini" type="button">Mini button</button>
</p>

Member for

3 years 9 months
Matt Eaton

Long time mobile team lead with a love for network engineering, security, IoT, oss, writing, wireless, and mobile.  Avid runner and determined health nut living in the greater Chicagoland area.