Search code examples
csstwitter-bootstrapgridscaffolding

How to get scaffolding to work in Bootstrap?

I can't seem to get the scaffolding grid to work for my Bootstrap code. The two different div classes are appearing on different lines and are both the full width of the screen. Any help would be much appreciated

<body>
  <div class="container">
    <div class="row">
        <div class="span3">
            <p><a href="#">Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum! Lorem ipsum, Lorem ipsum!</a></p>
        </div>
        <div class="span3 offset2">
            <h4><a href="#">Same Line?</a></h1>
        </div>
    </div>
</div>

Solution

  • You are probably using the bootstrap 3 stylesheet with version 2.3 html.

    use this stylesheet: http://getbootstrap.com/2.3.2/assets/css/bootstrap.css

    vs

    http://getbootstrap.com/dist/css/bootstrap.css