2017-10-19 41 views
0

我在第一個div然後使用即時通訊,但面板面板我從上面覆蓋DIV,請參閱下面的屏幕截圖引導字段集傳說是越來越受面板面板默認完全覆蓋

1)有兩個字段集Filedsets和細節 2)加入後面板,面板標題以頁它涵蓋了整個內容

Before Added Panel

After Added Panel here

<div class="container"> 
    <div class="enquiry"> 

     <fieldset class="col-md-12"> 
      <legend><h3>Nag</h3></legend> 
      <div class="row form-group"> 
       <div class="col-md-4"> 
        <h4>DOB:&nbsp;<span>22-April-2001, Male</span> </h4> 
        <h4>Enquired:&nbsp;<span>07 </span> </h4> 
        <h4>Academic Year:&nbsp;<span>2017-2018</span></h4> 
       </div> 
       <div class="col-md-4"> 
        <h4>Nagarjuna (Father)</h4> 
        <h4><i class="fa fa-phone"></i>&nbsp;9635821471</h4> 
        <h4><i class="fa fa-envelope"></i>&nbsp;<span class="enq-parent-email">[email protected]</span> </h4> 
       </div> 
       <div class="col-md-4"> 
        <h4> 
         <i class="fa fa-home fa-2x"></i> 

        </h4> 
       </div> 
      </div> 
     </fieldset> 

     <fieldset class="col-md-12 margin-bottom"> 
      <legend><h3>Overview</h3></legend> 
      <div class="row form-group margin-bottom"> 
       <div class="col-md-4"> 
        <label>Current Name: </label> 
        <input type="text" class="form-control" readonly="" value="Name"> 
       </div> 
       <div class="col-md-4"> 
        <label>Current Loasdaf Name: </label> 
        <input type="text" class="form-control" readonly="" value="asdfaiwewrw"> 
       </div> 
       <div class="col-md-4"> 
        <label>fasdaskdlfa;skdljfa;skldf</label><br> 
        <input type="radio" name="transport" readonly="" checked=""> Yes 
        <input type="radio" name="transport" readonly=""> no 
       </div> 
      </div> 
      <div class="row form-group margin-bottom"> 
       <div class="col-md-4"> 
        <label>Current Address: </label> 
        <input type="text" class="form-control" readonly="" value="#07, Kondar, Melborne-38"> 
       </div> 
       <div class="col-md-4"> 
        <label>asdfasdfasdf</label> 
        <input type="text" class="form-control" readonly="" value="asdfasd"> 
       </div> 
       <div class="col-md-4"> 
        <label>asdfasdfasdfasd</label><br> 
        <input type="radio" name="visit" readonly="" checked=""> Yes 
        <input type="radio" name="visit" readonly=""> no 
       </div> 
      </div> 
      <div class="row form-group margin-bottom"> 
       <div class="col-md-4"> 
        <label>asdfasdfasdfa</label> 
        <input type="text" class="form-control" readonly="" value="asdfasdf"> 
       </div> 
       <div class="col-md-4"> 
        <label>asdfasdfasdfasd</label> 
        <input type="text" class="form-control" readonly="" value="asdfasdf"> 
       </div> 
       <div class="col-md-4"> 
        <label>asdfasdfasdfas</label><br> 
        <input type="radio" name="visit" readonly="" checked=""> Yes 
        <input type="radio" name="visit" readonly=""> no 
       </div> 
      </div> 
      <div class="row form-group"> 
       <div class="col-md-4"> 
        <label>Enquiry Status </label> 
        <select class="form-control"> 
         <option value="">Select Status</option> 
         <option value="Inprogress">Inprogress</option> 
         <option value="ConvertedtoApplication">Converted to Application</option> 
         <option value="Cloased, Not Interested"></option> 
        </select> 
       </div> 
       <div class="col-md-8"> 
        <label>Questions ?</label> 
        <textarea class="form-control" rows="3"></textarea> 
       </div> 
      </div> 
     </fieldset> 

    </div> 
    <br> 
</div> 

enter image description here

這對我來說很奇怪,因爲我從來沒有見過這樣的問題。

等待一些回覆,感謝提前!

回答

0

您可以使用行類bootstrap.try這個

<div class="container"> 
     <div class="row"> 

     <div class="enquiry"> 
      <fieldset class="col-md-12"> 
       ................................. 
      </fieldset> 
      <fieldset class="col-md-12 margin-bottom"> 
       ........................................ 
      </fieldset> 
      </div>  
     </div> 
     <div class="row"> 

      <h1> 
       Add Here your content 
      </h1> 

     </div> 

    </div> 
+0

喔你,我怎麼會錯過,它完美謝謝@YMA。 有時你傾向於錯過基本知識 – kishore

+0

歡迎kishore – YMA