2017-06-24 55 views
0

嘿,我有自舉4(使用Laravel)與popovers了以下問題:引導4酥料餅的標題是錯位

enter image description here

正如你所看到的,標題(H3)是莫名其妙的文本左側,但當它淡出時,它似乎正確對齊。我已經嘗試了很多方法來解決這個問題,但我無法解決任何問題。


<a>如下所示,使用字體真棒:

 <a tabindex="{{ $concept->id }}" class="fa fa-info-circle no-link" id="popover-concept-{{$concept->id}}" aria-hidden="true" role="button" data-toggle="popover" data-container="body" data-trigger="focus" title="Last edited on" data-content="{{ $concept->updated_at }}"></a> 

我對popovers的jQuery看起來如下:

 $('[data-toggle="popover"]').popover({ 
      delay: {"show" : 250, "hide" : 250}, 
      placement: "top", 
      trigger: "hover", 
      offset: "0 48px", // tether 
      //template: '<div class="popover" role="tooltip"><div class="popover-arrow"></div><div class="popover-content"></div></div>', 
      container: 'body', 
     }); 

我試圖消除身體容器,改變偏移..以及更多..有點擊(或任何其他方式)切換它也無法解決它。當我更改模板不包括H3標題,它會正常工作..但我真正想要的冠軍。

+0

檢查與網絡檢查器。必須是自定義的,相互衝突的類 – Ohgodwhy

+0

@Ohgodwhy我試過了,但我找不到任何衝突。 :( – Jofairden

+0

你可以爲我們創建一個例子來複制嗎?一個簡化的測試用例?在Codepen或者這樣的嗎? – Chris

回答

0

這很難,沒有看到它,但要確保你的h3.popover標題沒有浮在上面,並顯示塊。問題可能已從其他地方繼承

float: none; 
display: block; 
+0

我試圖把它添加到popover-title類中,但它沒有任何區別。酥料餅。 – Jofairden