Tribut page - bootstrap question

Tribut page - bootstrap question
0

#1

Hi guys,

I just finished my first project (Tribute page) and I looked over the example one.

I might be silly to ask, but I don’t seem to understand why a bootstrap column div is used in this project (even after looking it up on the web and in different sources).

More specifically, I’m trying to figure out the purpose of the following div before the timeline, because there are no actual columns in the timeline section:

I would appreciate it if someone could enlighten me! :grin:

Cheers


#2

Hi, I think that snippet is telling that particular div how many columns to span at various sizes,.

Ie, on an xs screen that would be 12 (of 12 columns so 100% width) and on sm size screen that would be 10 columns so not quite 100℅ width… And so on. :slight_smile:


#3

Ohh, thanks! I just read the fcc theory on btstr grid more in depth, and what you’re saying makes sense…

Cheers :slight_smile:


#4

Great docs on bootstraps website, and full tutorials on w3schools, amongst others, if you ever get stuck :slight_smile:


#5

The official doc says:

  • Use rows to create horizontal groups of columns.

  • Content should be placed within columns, and only columns may be immediate children of rows.


#6

Thanks guys!

@MARKJ78 will look into it :slight_smile: