Help with building a grid

Help with building a grid
0

#1

Hi, I’m trying to build a grid with 3 columns but I see the text in three different lines and not next to each other.
Can anyone tell me where is my mistake? Here is what I wrote:

<div class="container-fluid">
<div class="row">
<div class="col-md-4">Project 1</div>
<div class="col-md-4">Project 2</div>
<div class="col-md-4">Project 3</div>
</div>
</div>

Thank you!


#2

I can’t copy the html… here is a link to Codepen:

http://codepen.io/veredrec/pen/vXELWY


#3

Something is wrong with your link to codepen.
Could you show us your code to see what you did and what would you like to do?


#4

Could this help you?

   <table border="1">
      <thead>
        <tr>
          <th>Project 1</th>
          <th>Project 2</th>
          <th>Project 3</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Some project</td>
          <td>Some project</td>
          <td>Some project</td>
        </tr>
        <tr>
          <td>Some project</td>
          <td>Some project</td>
          <td>Some project</td>
        </tr>
        <tr>
          <td>Some project</td>
          <td>Some project</td>
          <td>Some project</td>
        </tr>
      </tbody>
    </table>

#5

Yes, That helps! Thanks!!!


#6

I fixed your code so it appears in the question.

What you want to do is use bootstrap (judging by the class names you are using).

Check that you are have loaded Bootstrap into the CSS panel for this to work.

Btw, tables are only for presenting tabular data. They are 100% not appropriate for layout. If you want to style something in columns, use CSS.


#7

Thank you so so much JacksonBates!!! Thanks :slight_smile: