我得到了所需的输出,但它仍然抛出一个错误,说“未找到用于打印的 glyphicon”,尽管打印 glyphicon 在输出中可见
Posted
技术标签:
【中文标题】我得到了所需的输出,但它仍然抛出一个错误,说“未找到用于打印的 glyphicon”,尽管打印 glyphicon 在输出中可见【英文标题】:I got the required output but it still throws an error saying "glyphicon for print not found" though the print glyphicon is visible in the output 【发布时间】:2021-07-21 19:21:25 【问题描述】:Q) 为儿童创建故事页面,将儿童故事包含在引导容器中。
页面的布局必须如下图所示
涵盖的概念:- 好吧,Glyphicons,引导程序的 Helper 类
注意事项:-
创建如图所示的故事布局。图片已附上。
为类容器和井创建 div 标签
故事一定要封在井里
为字形打印、搜索和信封创建适当的 div 标签
打印和信封必须是链接
搜索必须嵌入按钮内
为带有警报危险类的页脚创建一个 div 以保存版权信息
我的代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- DO NOT CHANGE ANY THING UNDER HEAD SECTION -->
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Childrens story for the day</h2>
<div class="well">
A fox passed by a grapevine winding around the branches of a tree. He saw a bunch of grapes hanging above. He jumped to snatch some grapes. But the grapes were too high for him. "You have to grow up fox," said a monkey living on the tree; "here take some grapes."The monkey shook the branch and a few grapes fell out. The fox caught them neatly in his mouth. "Are they sweet?" asked the monkey. "Not so sweet,"the fox said as he walked away. The next day, the fox came by the tree again. He took a look at the bunches of grapes hanging above. He took a short run and jumped. This time he could jump higher, but not high enough to get at the grapes. The friendly monkey pressed down the branch, helping the fox snatch one or two grapes as they fell."Is it sweet?" asked the monkey."Not so sweet,"said the fox as he walked away. The next day, the fox was back.This time he looked determined to get the grapes.
</div>
<a id="gly1" href="#" class=" btn btn-success btn-lg">
<span class="glyphicon glyphicon-print"></span> Print this story
</a>
<button type="button" class="btn btn-info">
<span class="glyphicon glyphicon-search"></span> Search for new stories
</button>
<a id="gly2" href="#"><span class="glyphicon glyphicon-envelope"></span>Mail this story</a>
</div>
<br>
<div id="foot" class="alert alert-danger">
<strong>Copyright Information :- </strong> Do not copy or reproduce
</div>
</body>
</html>
required output imageError image
【问题讨论】:
【参考方案1】:class=" btn btn-success btn-lg"- 在你的打印类中使用它
【讨论】:
我试过了。它仍然是一样的它只是改变了颜色。错误提示“失败 1 - 未找到打印字形”。【参考方案2】:这是可以工作的确切代码,错误不在打印类中,错误是您在关闭容器 div 之前关闭了它。您需要将容器结束 div 放在结束正文标记之前
<!DOCTYPE html>
<html lang="en">
<head>
<!-- DO NOT CHANGE ANY THING UNDER HEAD SECTION -->
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>Childrens story for the day</h1>
<div class="well">
A fox passed by a grapevine winding around the branches of a tree. He saw a bunch of grapes hanging above. He jumped to snatch some grapes. But the grapes were too high for him. "You have to grow up fox," said a monkey living on the tree; "here take some grapes."The monkey shook the branch and a few grapes fell out. The fox caught them neatly in his mouth. "Are they sweet?" asked the monkey. "Not so sweet,"the fox said as he walked away. The next day, the fox came by the tree again. He took a look at the bunches of grapes hanging above. He took a short run and jumped. This time he could jump higher, but not high enough to get at the grapes. The friendly monkey pressed down the branch, helping the fox snatch one or two grapes as they fell."Is it sweet?" asked the monkey."Not so sweet,"said the fox as he walked away. The next day, the fox was back.This time he looked determined to get the grapes.
</div>
<a id="gly1" href="#" class="btn btn-success btn-lg">
<span class="glyphicon glyphicon-print"></span> Print this story
</a>
<button type="button" class="btn btn-info">
<span class="glyphicon glyphicon-search"></span> Search for new stories
</button>
<a id="gly2" href="#"><span class="glyphicon glyphicon-envelope"></span>Mail this story</a>
<div id="foot" class="alert alert-danger">
<strong>Copyright Information :- </strong> Do not copy or reproduce
</div>
</div>
</body>
</html>
【讨论】:
【参考方案3】:在 glyphicon-print 的 span 标签中添加 id="print"
【讨论】:
它没有用。仍然抛出同样的错误。【参考方案4】:为您的打印、搜索和邮件目的使用单独的 div 并内联显示。
<div style="display: inline-block">
<a>..</a>
</div>
<div style="display: inline-block">
<button>..</button>
</div>
<div style="display: inline-block">
<a>..</a>
</div>
【讨论】:
以上是关于我得到了所需的输出,但它仍然抛出一个错误,说“未找到用于打印的 glyphicon”,尽管打印 glyphicon 在输出中可见的主要内容,如果未能解决你的问题,请参考以下文章