HTML元素而笨

Question

另一個視圖中加載視圖我呼籲另一種觀點認爲

<!-- right area ends --> 
     </div><!--row marginTR-30px ends--> 

</div><!--container marg-top-bnr ends--> 
<!-- blog area ends --> 


<?php $this->load->view('common/footer'); ?> 
<?php $this->common_lib->compared_salon(); ?> 


</div><!--body-inner salon-profile ends --> 
<a href="#"class="top-move">Top</a> 

在這裏，我有這些元素和HTML註釋後呈現我的看法頁腳內的視圖

<!-- right area ends --> 
      </div><!--row marginTR-30px ends--> 

    </div><!--container marg-top-bnr ends--> 
    <!-- blog area ends --> 

但是，當它被加載時，頁腳視圖內可用的整​​個元素將轉到它的某些父元素，因爲我能夠使用檢查元素

Click here to see it in large view

所有社會圖標水平排列，但由於標籤的結構變化，同時加載視圖，其外觀完全改變。

此前它運行良好，我無法找到解決方案。根據我所有的頁腳標籤元素應該在這些行之後，但它顯示在它之前。

<!-- right area ends --> 
       </div><!--row marginTR-30px ends--> 

     </div><!--container marg-top-bnr ends--> 
     <!-- blog area ends --> 

Answer 1

不幸的是，您並未顯示任何與您的問題相關的HTML。

我的教育猜測是，你的divs是「噴嘴」。我會看看實際的HTML源代碼，並確保你的配對是你期望的。

如果你「有它的工作」，現在它不是 - 這很容易發生這種情況（閱讀 - 我在奇怪的場合自己做了這個）。

UPDATE： 所以出你提供的所有代碼，我發現

<div class="marginT-30px social clearfix"> 
    <a href="https://www.facebook.com/salontrip" class="col-xs-4 col-sm-2 fb height-Socl" target="_blank"></a> 
    <a href="#" class="col-xs-4 col-sm-2 pin height-Socl"></a> 
    <a href="#" class="col-xs-4 col-sm-2 twit height-Socl"></a> 
    <a href="#" class="col-xs-4 col-sm-2 yout height-Socl"></a> 
    <a href="#" class="col-xs-4 col-sm-2 linkd height-Socl"></a> 
    <a href="#" class="col-xs-4 col-sm-2 googplus height-Socl"></a> 
</div> 

我不知道，如果6×4是有史以來等於12！ :) 我會用細齒梳去代碼。我不知道marginT-30px和朋友的位置和位置。