I am trying to create columns on Simple Pages using a Bootstrap grid but it isn’t working. Has anyone had any luck with this?
Do you have some specifics about what you’ve tried and what’s happening instead of what you want? A link to a live example’s always helpful, if you have one.
I tried adding this code to the Simple Page:
<div class="row"> <div class="col-sm-4">.col-sm-4</div> <div class="col-sm-8">.col-sm-8</div> </div>
The divs just displayed vertically. So I added a table and this is the end result. It doesn’t collapse into one column when viewed on mobile devices, but works for the short-term.
At the time you tried it did you have the Bootstrap CSS included in your theme somewhere? I don’t see it now, and you obviously can’t use Bootstrap’s classes without it.
Good point. I was under the impression since this version of Omeka had a responsive design that it included Bootstrap CSS. I’ll add it and give it another try.
One more question. I am linking to these for my Simple Page and it’s working with the grid, but it is also overriding the CSS for the Simple Page heading styles. Any suggestions?