2015-01-11 43 views
2

請幫忙,我想不出爲什麼我的超鏈接不顯示在最小的屏幕(xs)上,而他們顯示和處理其他屏幕尺寸。這很可能與我編寫代碼的方式有關 - 當我將自定義css文件(https://balmainmassage.com.au/2015/css/2015.css)脫機時,我的鏈接仍然不起作用,而我在脫機時執行bootstrap.min.css。我沒有修改引導文件。超級鏈接無法在Bootstrap v3.3.1的xs屏幕上工作

我在基於模板2015.dwt的所有頁面上都存在此問題,該模板位於public_html文件夾中的Templates文件夾中。基於此模板的頁面示例爲https://balmainmassage.com.au/2015/january_specials.html。它適用於除xs之外的所有屏幕尺寸。

但是,請注意 - 在同一個文件 - 專爲XS屏幕的導航鏈接做的工作(比其它屏幕尺寸不同,你會行<!-- page body ends here, menu and footer start -->後找到)。

不基於引導程序的網站中的舊頁面可以工作 - 當然,儘管它們沒有響應。 真的不解...感謝您的幫助!

克勞迪奧

回答

2

的問題是,你的分度類nav nav-pills與包含在頁面尺寸減小了超鏈接的類col-xs-12重疊的DIV,你現在要做的就是添加z-index : 1col-xs-12類像這樣:

.col-xs-12 { 
    z-index: 1; 
} 

我建議你添加其他類名到您col-xs-12類來避免重寫bootstrap css

<div class="col-xs-12 MyClassName"> 
.MyClassName { 
    z-index: 1; 
} 
+1

澤你救了我的命,今天不得不和這個一起去活 – user2814192

+0

葉!就是這樣!謝謝 – PJunior

+0

哥們你是最棒的。完全爲我工作! –