我試圖用引導4徽章以這樣的方式引導4徽章不工作 - 只是沒有顯示出來
<td><span class="badge badge-warning">{{ object.get_type_display }}</span></td>
我使用:
https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css
有什麼可以一個原因?
我試圖用引導4徽章以這樣的方式引導4徽章不工作 - 只是沒有顯示出來
<td><span class="badge badge-warning">{{ object.get_type_display }}</span></td>
我使用:
https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css
有什麼可以一個原因?
有對CSS沒有徽章類。嘗試另一個版本(據我所見,在alpha.6版本)。使用下面的鏈接: https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css
在調試過程中,您的瀏覽器緩存是否禁用? 這可能是原因。
我建議您使用開發人員工具來查看您的html輸出是否按預期呈現。
掉落的
.badge
部件,因爲它是幾乎相同的標籤/標籤。將.tag-pill
修飾符與標籤組件一起使用,以代替該圓角外觀。
But they returned it(git issue),因此使用最新版本 - v4.0.0-alpha.6
錯誤:
<span class="badge badge-default badge-pill">1</span>
正確:
<span class="badge badge-secondary badge-pill">1</span>
請修改您的帖子並添加一些解釋。爲什麼'徽章 - 次要'是正確的,如果OP需要'徽章 - 警告'?爲什麼'badge-default'不正確? (儘管我沒有看到其他人在這個線程中討論'badge-default'。) – juzraai
這是前一段時間,因此需要爲我找到阿爾法6並不包含所有的更新徽章(即徽章燈)。
今天最好使用最新的最終版本。使用此cdn鏈接進行最終發佈https://www.bootstrapcdn.com/
原因是在該CSS中沒有徽章類。 – xhulio
這個CSS沒有徽章課。 –
@xhulio沒錯!請將此添加爲答案 – paolo