user3090653
user3090653

Reputation: 41

How can i equal div width to take container width in bootstrap grid system

I have 8 div in container and I want to divide equal with to the div to take with of container which class can do this for me in bootstap

<div class="container">
     <div class="col-md-"></div>
     <div class="col-md-"></div>
     <div class="col-md-"></div>
     <div class="col-md-"></div>
     <div class="col-md-"></div>
     <div class="col-md-"></div>
     <div class="col-md-"></div>
     <div class="col-md-"></div>
</div>

Upvotes: 0

Views: 40

Answers (1)

Imphusius
Imphusius

Reputation: 678

You could use:

<div class="row">
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-3"></div>
            <div class="col-md-3"></div>
            <div class="col-md-3"></div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-3"></div>
            <div class="col-md-3"></div>
            <div class="col-md-3"></div>
        </div>
    </div>
</div>

Upvotes: 1

Related Questions