Jazzy 1012
asked on
How can I make a div layout like the one in the image
I want my page to have a div on the side where I will put a title and radio boxes, and then a div on the center and right area where I will have a title then a button then 3 div boxes that will contain a pic with information on each row?
I have done this so far:
But my only issue is under the category, that how can I make the 3 boxes per row, because I will fill them up from my database using php, so I want to be able to have one, and the php will loop it into just 3 per row?
I have done this so far:
<div class="row rowing">
<div class="col-6 col-md-2">
<p class="orange OldStandard"> Menu Filters</p>
<br>
<input type="radio" id="male"/> <label for="male">Male</label>
<br />
<input type="radio" id="female"/> <label for="female">Female</label>
</div>
<div class="col col-md-10">
<p class="orange OldStandard">Category</p>
</div>
</div>
But my only issue is under the category, that how can I make the 3 boxes per row, because I will fill them up from my database using php, so I want to be able to have one, and the php will loop it into just 3 per row?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)