Bootstrap Grid System Not Functioning in ArcGIS Hub

343
2
Jump to solution
05-28-2021 11:24 AM
DaveSchaab
New Contributor II

I'm attempting to utilize Bootstrap's Grid System to evenly distribute my Buttons in Columns at the top of my Hub Site.  However, when I utilize their code:

 

DaveSchaab_0-1622226027041.png

 

I do not get the same results:

 

DaveSchaab_1-1622226128786.png

 

 

The container does not seem to be generating the row that the columns should be in.  Please help, Thank You!

0 Kudos
1 Solution

Accepted Solutions
KlaraSchmitt
Esri Contributor

Hello Dave,

You should give the column class a number. If you want three columns of even width, it would be `col-sm-4` as Bootstrap 3 uses a 12-column grid system. So three divs, 4 columns wide. Also, you shouldn't need the container or row classes as our Text Card already sits inside a container and row.

View solution in original post

2 Replies
KlaraSchmitt
Esri Contributor

Hello Dave,

You should give the column class a number. If you want three columns of even width, it would be `col-sm-4` as Bootstrap 3 uses a 12-column grid system. So three divs, 4 columns wide. Also, you shouldn't need the container or row classes as our Text Card already sits inside a container and row.

DaveSchaab
New Contributor II

This worked, thank you!

0 Kudos