April 28, 2017 at 3:58 am #254306April 28, 2017 at 4:29 am #254307Paulie_DModerator
I think you forgot to include Bootstrap in your demo.
<h2>should be outside the row, probably.April 28, 2017 at 5:25 am #254308moataz_abdelfattahParticipant
I’m not for linking bootstrap now. I just want to build a simple responsive layout. The problem that I face is aligning the three divs to the center of the row. that’s all.April 28, 2017 at 7:23 am #254311bearheadParticipant
You have some rogue characters on lines 13 and 14:
If you clean that up the row element will center as expected.
If you want the columns centered in the row, you’ll have to change some things… either change the column widths to percentages, or give the row a fixed width. It would also be a good idea to use the clearfix hack on the row element.
Ultimately it would probably be better to just use flexbox, unless you’re designing specifically for legacy browsers.
- You must be logged in to reply to this topic.