A problem with my portfolio page

Code Feedback
1

Hey guys! I’m coding my porfolio using bootstrap but this is happening:

In the part where it says “contact” the things dont go inside the “well”, could you guys give me a hand?

The portfolios wireframe is like this:

TEMPLATE PORTFOLIO EXERCISE.jpg1600×2592 517 KB

2

The bootstrap class “row” is meant to be used as a grid that holds 12 columns. The class that you are using for your child div within the row only adds up to 10. Try changing the offset to 4 instead of 2.

The other thing that might help is having the “well” div be a parent instead of a child of “row”, because you want the “row” to be formatted inside the “well”.

<div class="well">
   <div class="row">
      <div class="col-xs-8-offset col-xs-offset-4">
        ....Content
       </div>
    </div>
</div>
1 Like
3

The Bootstrap grid classes are not nested correctly. The class .row comes first, then you need to put the .col- div, finally you put the well inside the column (at the moment the well is outside the column:

    <div class="row">
      <div class="col-xs-8 col-xs-offset-2">
        <div class="well well-lg">
          <h3>contact </h3>
        </div>
      </div>
    </div>

I hope this helps :slight_smile:

4

Thank you guys for your help!

1 Like