Code Document

Rows

  • Example 1:

    Large 4 | Medium 4

    Large 4 | Medium 4

    Large 4 | Medium 4

  • Code:

    <div class="vrow">
    <div class="vcol vl-4 vm-4">
    <p>Large 4 | Medium 4</p>
    </div>
    <div class="vcol vl-4 vm-4">
    <p>Large 4 | Medium 4</p>
    </div>
    <div class="vcol vl-4 vm-4">
    <p>Large 4 | Medium 4</p>
    </div>
    </div>
  • Example 2:

    Large 2
    Medium 6

    Large 2
    Medium 6

    Large 2
    Medium 6

    Large 2
    Medium 6

    Large 2
    Medium 6

    Large 2
    Medium 6

  • Code:

    <div class="vrow">
    <div class="vcol vl-2 vm-6">
    <p>Large 2 | Medium 6</p>
    </div>
    <div class="vcol vl-2 vm-6">
    <p>Large 2 | Medium 6</p>
    </div>
    <div class="vcol vl-2 vm-6">
    <p>Large 2 | Medium 6</p>
    </div>
    <div class="vcol vl-2 vm-6">
    <p>Large 2 | Medium 6</p>
    </div>
    <div class="vcol vl-2 vm-6">
    <p>Large 2 | Medium 6</p>
    </div>
    <div class="vcol vl-2 vm-6">
    <p>Large 2 | Medium 6</p>
    </div>
    <div class="vcol vl-2 vm-6">
    <p>Large 2 | Medium 6</p>
    </div>
    </div>
  • Example 3:

    A

    B

  • Code:

    <div class="vrow">
    <div class="vcol vl-7 vm-7 vs-6 vl-r5 vm-r5 vs-r6">
    <p>A</p>
    </div>
    <div class="vcol vl-5 vm-5 vs-6 vl-l7 vm-l7 vs-l6">
    <p>B</p>
    </div>
    </div>

Categories

©
    • Los Angeles

    • CA

    • United States

  • Website

  • Facebook

  • Rows | Frontend UI Toolkit + Wordpress Framework

  • A wordpress framework used to structure simple Javascript and CSS prototypes. Hive is lite, only includes necessities and encourages custom styling.