2013-08-19 52 views
0

我使用引導3 css框架。twitter按照按鈕和Facebook的按鈕不工作調整窗口

我加了facebook like buttona和twitter follow按鈕。它適用於我不調整窗口大小的情況。當我調整我的窗口,Twitter和Facebook的按鈕出現,但我不能一下就可以了(沒有超鏈接鼠標跡象,當我將鼠標懸停在這些按鈕)

This is working

when i resize the window and when the point reaches such that the buttons move to next row, buttons are no more click-able

當我調整窗口的大小當點到達這樣的按鈕移動到下一行時,按鈕不能再點擊 我該如何解決這個問題?

<div class="row" style="padding-top:4px;padding-left:4px;padding-right:4px; background:#09C;"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-md-4"> 
        <div class="input-group input-group-sm" style="padding-bottom:4px;"> 
         <input type="text" class="form-control"> 
         <span class="input-group-btn"> 
          <button class="btn btn-default btn-sm" type="button">Go</button> 
         </span> 
        </div> 
       </div> 
       <div class="col-md-5"> 
       <div class="pull-right" style="margin-top:10px;"> 
<!-- my social buttons are here--> 
<!-- facebook and twitter are embedded inside iframe 
</div></div></div> 
     </div> 
    </div> 

的jsfiddle http://jsfiddle.net/VZk5G/

+2

_Please_停止使用內嵌樣式! – Bojangles

+0

你能提供一個小提琴或鏈接到您的網站? –

+0

jsfiddle鏈接http://jsfiddle.net/VZk5G/ @Bojangles謝謝你的提示,我將在稍後分配他們的類 – sonam

回答

0

.COL-MD-3類懸停與這些按鈕在div(.COL-MD-5)的刻度。使用z-index來解決這個問題:

.col-md-3 
{ 
    z-index: 2; 
} 
.col-md-5 
{ 
    z-index: 3; 
} 

的工作jsFiddle Demo