Lightweight framework for creating a responsive website

<h4 class="hr-text">Responsive 12 colmuns</h4>
<div class="grid-display">
    <div class="row">
        <div class="col-1">
            <p>
                one
            </p>
        </div>
        <div class="col-11">
            <p>
                eleven
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-2">
            <p>
                two
            </p>
        </div>
        <div class="col-10">
            <p>
                ten
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-3">
            <p>
                three
            </p>
        </div>
        <div class="col-9">
            <p>
                nine
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-4">
            <p>
                four
            </p>
        </div>
        <div class="col-8">
            <p>
                eight
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-5">
            <p>
                five
            </p>
        </div>
        <div class="col-7">
            <p>
                seven
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-6">
            <p>
                six
            </p>
        </div>
        <div class="col-6">
            <p>
                six
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <p>
                twelve
            </p>
        </div>
    </div>
</div>