2013-09-29 54 views
4

這裏是我的博客www.lowcoupling.com 的主頁,我想不顯示左,右箭頭引導傳送帶 我已經試過在引導刪除箭頭旋轉木馬

.glyphicon-chevron-right{ 
    display:none; 
} 

(和同樣的事情左箭頭) 但它似乎並沒有工作。

回答

18

這將隱藏按鈕

.right.carousel-control, .left.carousel-control { 
    display: none; 
} 

如果您仍然希望能夠點擊此按鈕的繪製,這樣做:

.right.carousel-control, .left.carousel-control { 
    opacity: 0; 
    filter:alpha(opacity=0); /* IE support */ 
} 
+0

它的工作原理,但我猜不是我期望的方式。我仍然希望傳送帶可以在左側和右側點擊,是否有任何方法可以用透明箭頭做到這一點? – lowcoupling

+0

@lowcoupling當然,請參閱編輯後 – azz

1

我快速鵝,和你差不多那裏,但Bootstrap的CSS正在對你的css進行精確的測試。引導有:

.carousel-control .glyphicon-chevron-right{ 
    ... 
    display:inline-block; 
} 

如果你是一個任意點值分配給此,引導是提供「2分」,提供風格「inline-block的」。

因爲你的CSS在Bootstrap之後加載,所以在「.glyphicon-chevron-right」之前添加一個額外的類(和匹配的Bootstrap的2個點)應該能夠做到。

.carousel .glyphicon-chevron-right{display:none;} 

或者,如果你希望你的替代是 「更強」,把前面的ID可讓您覆蓋更高的價值(約256)

#myCarousel .glyphicon-chevron-right{display:none;} 
0

這將工作,

.right.carousel-control, 
.left.carousel-control 
{ 
    visibility:hidden; 
}