Twitter bootstrap asp.net mvc 4 and sass

application.css

body {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}

application_v1.scss

@import "compass/reset";
@import "twitter/bootstrap";
@import "twitter/responsive";

application_v2.scss

@import "compass/reset";
@import "twitter/bootstrap";

body
{
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: $white;
}

.form-signin
{
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: $formActionsBackground;
    border: 1px solid $inputBorder;
    @include border-radius($baseBorderRadius);
    @include box-shadow(inset 0 1px 2px rgba(0,0,0,.05));

    .form-signin-heading, .checkbox
    {
        margin-bottom: 10px;
    }
    input[type="text"], input[type="password"]
    {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
    }
}   

@import "twitter/responsive";

compass_compile

compass compile

compass_init

compass init

config.rb

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "Content"
sass_dir = "Content/sass"
images_dir = "Content/images"
javascripts_dir = "javascripts"

config_v2.rb

sass_options = {:debug_info => true}
output_style = :expanded

install_compass

gem install compass

install_packages

PM> Install-Package twitter.bootstrap.mvc4
PM> Install-Package twitter.bootstrap.mvc4.sample

layout_1.html

<link href="@Styles.Url("~/content/css")" rel="stylesheet"/>
<link href="@Styles.Url("~/Content/css-responsive")" rel="stylesheet" type="text/css" />

layout_2.html

<link href="@Styles.Url("~/Content/application.css")" rel="stylesheet" type="text/css" />

project.xml

<Target Name="AfterCompile" Condition=" '$(Configuration)' == 'Release' ">
    <Exec Command="compass compile" />
    <ItemGroup>
        <Content Include="Styles\*.css" />
    </ItemGroup>
</Target>