2016-01-23 104 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