2016-01-23 58 views
0

我使用Bootstrap工具提示,但是它顯得沒有風格。我如何獲得Bootstrap文檔中顯示的樣式版本?bootstrap工具提示沒有樣式

HTML:

<div class="row"> 
    <div class="span12 pagination-centered"> 
    <div class="btn-group"> 
     <a href="who.html" class="btn btn-primary btn-xlarge" data-toggle= "tooltip" data-placement="bottom" title="stuff?">WHO</a> 
     <a href="what.html" class="btn btn-primary btn-xlarge" data-toggle="tooltip" data-placement="bottom" title="more stuff?">WHAT</a> 
     </div> 
    </div> 
    </div> 

JQuery的:

<script type="text/javascript"> 
$(function() { 
$('[data-toggle="tooltip"]').tooltip()}) 
</script> 

回答

0

你的代碼是正確的。看起來錯誤在別處,很可能是你指定樣式表的地方。

下面是使用你的確切代碼工作小提琴:

JSFiddle

<div class="row"> 
    <div class="span12 pagination-centered"> 
    <div class="btn-group"> 
     <a href="who.html" class="btn btn-primary btn-xlarge" data-toggle="tooltip" data-placement="bottom" title="stuff?">WHO</a> 
     <a href="what.html" class="btn btn-primary btn-xlarge" data-toggle="tooltip" data-placement="bottom" title="more stuff?">WHAT</a> 
    </div> 
    </div> 
</div> 

你確定你包括引導樣式表?

+0

我有這個在我的代碼頂部: rel =「stylesheet」> – morgan

+0

你可以在css部分之前添加一個正斜槓嗎?嘗試「/css/bootstrap.min.css」。 – michael

+0

仍然沒有運氣 - 我的CSS可能會壓倒一切嗎? – morgan