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

Question

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>

Imphusius · Accepted Answer · 2016-07-18 20:02:36Z

1

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>

answered Jul 18, 2016 at 20:02

Imphusius

6786 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Imphusius Over a year ago

No problem at all mate ^^

user3090653 Over a year ago

can it is possible in one div

Imphusius Over a year ago

It's hardly possible since 12 doesn't divide by 8, you can use offsets but it would create spaces between divs

Collectives™ on Stack Overflow

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

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related