Thursday, April 23, 2015

BootStrap Grid Size Classes


Structure of Bootstrap classes for sizing grid content
  • col
    • Short for column
    • Required prefix
  • size abbreviation
    • xs for Extra small
    • sm for Small
    • md for Medium
    • lg for Large
  • Number of columns
    • Integer to represent the number of columns


Let's take a look at a couple of sample Bootstrap content sizing classes:
  • col-md-4 would indicate 4 columns for medium and large screens
  • col-sm-6 would indicate 6 columns for small, medium and large screens
  • col-xs-2 would indicate 2 columns for extra small, medium and large screens
Remember that screen size rules apply for the specified screen size as well as those larger than that size, unless overriden. So the following combination would indicate 2 columns for extra small screens, 6 columns for small screens, and 4 for medium and large screens.
<div class='col-xs-2 col-sm-6 col-md-4'>Content</div>


Visual Studio resources
Bootstrap resources

Tuesday, April 14, 2015

Dfferences between traditional coding and TDD

The traditional way of writing unit tests. The broken lines represent actions people treat as optional.
Test-driven development—a bird’s-eye view. Notice the spiral nature of the process: write test, write code, refactor, write next test. It shows the incremental nature of TDD: small steps lead to a quality end result.

Taken from: The Art of Unit Testing, Second Edition: with examples in C#. Author:Roy Osherove.