jquery - Issue achieving a div setup -


i tried explain issue image unfortunately seems cant post 1 jet ill try explain question can. need in body of website 2 divs (containers) top part white , bottom part grey. there needs blue box floating in middle of these 2 containers, not 100% width around 80%. in containers icons need clear , wont go under blue box. im have tried position relative , minus top in there didnt work @ fell apart responsive wise. can make happen well?

html:

<div class="container">  <div class="col-md-3">   <div class="icon2"></div>    <p class="txt-fix-2">....</p>    <p class="txt-fix-3">...</p>   </div>     <div class="col-md-3">        <div class="icon1"></div>         <p class="txt-fix-2">...</p>         <p class="txt-fix-3">...</p>        </div>         <div class="col-md-3">          <div class="icon2"></div>           <p class="txt-fix-2">.....</p>           <p class="txt-fix-3">......</p>          </div>           <div class="col-md-3">            <div class="icon1"></div>             <div class="primero-bot-icons">               <div class="container">               <div class="col-md-3">                <div class="icon2"></div>                 <p class="txt-fix-2">...</p>                 <p class="txt-fix-3">...</p>                </div>                 <div class="col-md-3">                  <div class="icon1"></div>                   <p class="txt-fix-2">....</p>                   <p class="txt-fix-3">...</p>                  </div>                   <div class="col-md-3">                    <div class="icon2"></div>                     <p class="txt-fix-2">...</p>                     <p class="txt-fix-3">...</p>                    </div>                     <div class="col-md-3">                      <div class="icon1"></div>                       <p class="txt-fix-2">...</p>                       <p class="txt-fix-3">...</p>                      </div>                     <div>                      <p class="bot-btn-bg">                       <button type="button" class="btn btn-primary extra">&nbsp;> pri</button>                       <button type="button" class="btn btn-primary extra">> ...</button>                      </p>                     </div>                    </div>                   </div>                    <p class="txt-fix-2">.....</p>                    <p class="txt-fix-3">.....</p>                  </div>                 </div> 


Comments

Popular posts from this blog

android - Pass an Serializable object in AIDL -

How to provide Authorization & Authentication using Asp.net, C#? -

How to use Authorization & Authentication in Asp.net, C#? -