Offsetting Columns

Language Help HTML
1

I’m having problems establishing the offsetting columns. I looked at the guide, and have been playing with different values to get the spacing right (that’s why each .col entry is different below), but no matter what values I put in, there’s no change to the location of the content so I must be doing something fundamentally wrong. I also assumed I’d just use text-align: right in my css to get the text to align right within its column, but that just has the result of moving the text all the way to the right of the page. Any suggestions?

    <div class="jumbotron">
      <div class="container">
        <div class="row">
          <div class=".col-x3-3 .col-xs-offset-3">
              <h1>Browse.</h1>
          </div>
        </div>
        <div class="row">
          <div class=".col-md-6 .col-md-offset-3">
               <h1>Create.</h1>
          </div>
        </div>
        <div class="row">
          <div class=".col-md-4 .col-md-offset-1">
               <h1>Share.</h1>
          </div>          
        </div>
        </div>
      </div>
2

Never mind - figured it out. I needed to delete the periods in front of each “.col”. I had done a cut and paste from the materials, and the reference included the periods. All fixed now!

1 Like
3

5 posts were split to a new topic: Could someone give me the complete code for this exercise?

4