Skip To Main Content
Skip To Main Content

Three Columns with Menu-like Lists

Example:

How to build a manual three-column layout menu list:

  1. Create a new or edit an existing document
  2. Click the "Source" button
  3. Paste the following in the box:
    <div class="row list-items menu-block-wrapper">
    <div class="col-md-4">
    <ul class="list-item">
        <li>one fish</li>
        <li>two doves</li>
        <li>three turkeys</li>
        <li>four mules</li>
    </ul>
    </div>
    <div class="col-md-4">
    <ul class="list-item">
        <li>one fish</li>
        <li>two doves</li>
        <li>three turkeys</li>
        <li>four mules</li>
    </ul>
    </div>
    <div class="col-md-4">
    <ul class="list-item">
        <li>one fish</li>
        <li>two doves</li>
        <li>three turkeys</li>
        <li>four mules</li>
    </ul>
    </div>
    </div>
  4. Click the "Source" Button again
  5. Click the "Show Blocks" button so that you can see your columns

 

 

Communications and Marketing

Amy Prigge

419-772-2044
communications-and-marketing@onu.edu
Lehr Memorial: 304
525 South Main Street
Ada, Ohio 45810
Monday: 8 a.m.-5 p.m.
Tuesday: 8 a.m.-5 p.m.
Wednesday: 8 a.m.-5 p.m.
Thursday: 8 a.m.-5 p.m.
Friday: 8 a.m.-5 p.m.
Saturday: Closed
Sunday: Closed