CODEWITHSUNDEEP
asp.nettwitter-bootstrapbundle
Scottie
Scottie

Reputation: 11308

Bootstrap is 1/2 working in my MVC app

I have the following HTML:

<!DOCTYPE html>
<html>
    <head>
        @Styles.Render("~/Content/bootstrapui")
    </head>
    <body>
        <div class="container">
            <div class="well">A well</div>
            <div class="row">
                <div class="span4">
                    <h2>Column one</h2>
                </div>
                <div class="span4">
                    <h2>Column two</h2>
                </div>
                <div class="span4">
                    <h2>Column three</h2>
                </div>
            </div>
        </div>
    </body>
</html>

and my bundle looks like this:

bundles.Add(new StyleBundle("~/Content/bootstrapui")
    .Include("~/Content/bootstrap/bootstrap.css")
    .Include("~/Content/bootstrap/bootstrap-theme.css"));

And this is what my display looks like:

enter image description here

What am I doing wrong?

Upvotes: 0

Views: 52

Answers (1)

Scottie
Scottie

Reputation: 11308

Apparently bootstrap 3 has removed the span* class in favor of .col*.

http://blog.jetstrap.com/2013/08/bootstrap-3-grids-explained/

In Bootstrap 3, the .span* classes have been removed, and replaced with 
a combination of .col-* classes: .col-xs-*, .col-sm-*, .col-md-*, and.col-lg-*.

Upvotes: 1

Related Questions