-1

Arranging DIV is easy using bootstarp grid system, but some time its not achievable for me,

Here the exapmle

I think it's not very complex and achieve without using extra DIV or code but my junk brain is not capable of achieve this grid deisgn,

Thanks

Community
  • 1
  • 1
Naveed
  • 33
  • 1
  • 9

2 Answers2

1

Try this layout:-

<div class="row">
  <div class="col-lg-2 col-3"></div>
  <div class="col-lg-8 col-6">
    <div class="row">
      <div class="col-lg-3 col-12"></div>
      <div class="col-lg-3 col-12"></div>
      <div class="col-lg-6 col-12">
        <div class="row">
          <div class="col-lg-6 col-6"></div>
          <div class="col-lg-6 col-6"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-lg-2 col-3"></div>
</div>
Naveed
  • 33
  • 1
  • 9
Satnam Singh
  • 324
  • 2
  • 12
  • @Santnam Thanks a lot, Code is Ok on desktop, but it's not ok on Mobile, I'm modify it a little bit just delete sm when it's declare for mobile, after all thanks a lot for your prompt answer – Naveed May 06 '20 at 17:51
-1

This site may help you to create what you want.

ümit Altuntaş
  • 60
  • 3