Creating columns on Simple Pages

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.

Hi John,

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.

Nancy

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.

Thanks,
Nancy

Hi John,

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?

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>