Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导程序中未正确加载徽章_Jquery_Html_Css_Bootstrap 4 - Fatal编程技术网

Jquery 引导程序中未正确加载徽章

Jquery 引导程序中未正确加载徽章,jquery,html,css,bootstrap-4,Jquery,Html,Css,Bootstrap 4,My index.html未在任何浏览器上正确显示徽章。它不是在彩色圆圈中显示数字。它只是显示它好像没有正确加载CSS 我尝试了bootstrap和jquery中的本地和CDN路径,但问题没有得到解决 文件被删除! 缺少颜色类,例如 <span class="badge badge-primary">5</span> 文件被删除! 您正在使用引导程序4 只需将span类更改为badge badge secondary <a href="#">Messag

My index.html未在任何浏览器上正确显示徽章。它不是在彩色圆圈中显示数字。它只是显示它好像没有正确加载CSS

我尝试了bootstrap和jquery中的本地和CDN路径,但问题没有得到解决

文件被删除!
缺少颜色类,例如

<span class="badge badge-primary">5</span>
文件被删除!
您正在使用引导程序4

只需将span类更改为badge badge secondary

<a href="#">Messages <span class="badge badge-secondary">5</span> </a>

请参阅此引导文档:

徽章颜色更改:

<span class="badge badge-primary">Primary</span>
<span class="badge badge-secondary">Secondary</span>
<span class="badge badge-success">Success</span>
<span class="badge badge-danger">Danger</span>
<span class="badge badge-warning">Warning</span>
<span class="badge badge-info">Info</span>
<span class="badge badge-light">Light</span>
<span class="badge badge-dark">Dark</span>
要使徽章圆形,请添加类徽章药丸

<span class="badge badge-pill badge-primary">Primary</span>
<span class="badge badge-pill badge-secondary">Secondary</span>
<span class="badge badge-pill badge-success">Success</span>
<span class="badge badge-pill badge-danger">Danger</span>
<span class="badge badge-pill badge-warning">Warning</span>
<span class="badge badge-pill badge-info">Info</span>
<span class="badge badge-pill badge-light">Light</span>
<span class="badge badge-pill badge-dark">Dark</span>
试试这个解决方案

文件被删除!
它起作用了。。如何把它做成圆形?这是boxborder radius add class:class=rounded circle:@JosephFellow add to your css.badge{border radius:1rem;}@IslamElshobokshy最好使用引导类作为rounded circle@לבנ•מ㪚•••当然是的:您只需要阅读文档。。缺少颜色和药片类别你改变了什么,为什么这是一个解决方案?始终在文本中提供答案。