Javascript 什么会导致引导向我的文档中插入额外的元素?
我正在尝试使用CSS和引导图标为一个应用程序创建一个功能区覆盖。我想我可以自己制作丝带而不出任何问题!,但是,当我尝试将一个glyph作为功能区文本时,我最终会在页面上的每个字符后面神奇地插入一个额外的元素。使用常规文本而不是预期的文本 在Ubuntu上看到使用Chrome和Firefox JSFiddle: 这里可能发生了什么,我该如何修复它?使用 您的结束标记丢失。错误恢复关闭并重新打开它,以便在所有其他内容的每个部分都有一个 您没有编写作为application/XHTML+xml使用的XHTML文档,因此不能将其用作替代 和。使用 您的结束标记丢失。错误恢复关闭并重新打开它,以便在所有其他内容的每个部分都有一个 您没有编写作为application/XHTML+xml使用的XHTML文档,因此不能将其用作替代 和Javascript 什么会导致引导向我的文档中插入额外的元素?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在尝试使用CSS和引导图标为一个应用程序创建一个功能区覆盖。我想我可以自己制作丝带而不出任何问题!,但是,当我尝试将一个glyph作为功能区文本时,我最终会在页面上的每个字符后面神奇地插入一个额外的元素。使用常规文本而不是预期的文本 在Ubuntu上看到使用Chrome和Firefox JSFiddle: 这里可能发生了什么,我该如何修复它?使用 您的结束标记丢失。错误恢复关闭并重新打开它,以便在所有其他内容的每个部分都有一个 您没有编写作为application/XHTML+xml使用的X
<body>
<div class="box">
<div class="ribbon">
<div class="txt">
<i class="glyphicon glyphicon-exclamation-sign"/>
</div>
</div>
</div>
</body>
.box {
position: relative;
background-color: #808080;
width: 355px;
height: 132px;
}
.ribbon {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border: 48px solid transparent;
border-bottom: 48px solid #ffe500;
position: absolute;
top: -32px;
right: -72px;
width: 192px;
color: white;
}
.ribbon .txt {
position: absolute;
top: 16px;
}