引導工具提示默認樣式不正確？

我試圖在引導一個非常簡單的工具提示集成，但得到了一些怪異的結果：引導工具提示默認樣式不正確？

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

}); 
</script> 

<select title="Tooltip on top" data-placement="top" data-toggle="tooltip" id="purchaseddate1-day" name="purchaseddate1-day" class="form-control"><option value="">All</option><option value="1">1</option></select>

的提示是100％，屏幕的寬度，灰色背景和元素之上。爲什麼它不像指定的那麼小，光滑，黑色和以上？

我包括標準的JS和CSS：。

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="/js/bootstrap.min.js"></script> 
<link href="/css/bootstrap.min.css" rel="stylesheet">

來源

2014-02-21 James Wilson

它似乎在這裏工作：http://jsfiddle.net/Careless/52VtD/3015/ – Careless

所以它呢！我在我的中發現這與它衝突： –

I儘管需要用戶界面的JavaScript。任何想法爲什麼有衝突？ –

「有時必須使用引導程序插件與其他UI框架，在這種情況下，可能偶爾會出現名稱空間衝突。如果發生這種情況，你可以調用.noConflict的插件，你想返回的值。

var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value 
$.fn.bootstrapBtn = bootstrapButton   // give $().bootstrapBtn the Bootstrap functionality

「

從bootstrap docs

來源

2014-04-21 16:23:56

引導工具提示默認樣式不正確？

回答

相關問題