Hi, I'm using bootstrp3.
My page is defined in a container of col-md-9. I have a row that I would like to split into 2 section, col-md-8 and col-md-4.
for col-md-8 section, I need to put 5 icons with one line of title text below each icon, and text should be centered below the icon.
Using what I have below would leave lots of space on the right side of leftover 2 columns if I define col-md-2 for each icon. I would prefer having the icon to be larger and the text to be in one line and fits there. Right now the line of text would wrap to 2nd line. is there a way to fix this?
Also, in the XS mode, I would like to have 2 rows display of the icons with 3 on 1 and 2 icons on the 2nd row. Right now, 1st row is fine with 3 icons, then 2nd row with one icon to the right and 3rd row with the last icon on the left. How to fix this ?