Span4 class does not work with twitter bootstrap

Question

I am new to web designer and am currently working with Twitter Bootstrap. I am trying to create 3 columns on my page using this code:

  <div class="container">
   <div class="row">
            <div class="span4">
                <h4 class="muted text-center">About me</h4>
                <p>Sample Text1.</p>
                <a href="#" class="btn"><i class="icon-user"></i> Text1</a>
            </div>
            <div class="span4">
                <h4 class="muted text-center">About you</h4>
                <p>Sample Text2</p>
                <a href="#" class="btn btn-success"><i class="icon-star icon-white"></i> Text2</a>
            </div>
            <div class="span4">
                <h4 class="muted text-center">About Us</h4>
                <p>Sample Text3</p>
                <a href="#" class="btn btn-info">Text3</a>
            </div>
        </div>
</div>

I looked at numerous examples and tested them on my page, but they don't seem to work. This code prints all the text one above the other and does not divide it into columns on the same line.

Do I need to somehow modify the bootstrap.css file? By default, it does not contain the span4 class or anything else.

Answer 1

Suppose you might have worked with a library that you use for loading and syntax. (happened to me a while ago)

bootstrap 3.0... spanX, col-xx-##, xx lg, md, sm xs # 1 12

html- yours <div class="span4"> <div class="col-xs-6 col-md-4">

. . docs ,

, ver 2.xx bs..., 3.0, .

Answer 2

, Bootstrap 3 Bootstrap 2. Grid , . .