Twitter bootstrap 我获得了所需的输出，但它仍然抛出一个错误，即；未找到用于打印的glyphicon"；尽管打印图示符图标在输出中可见
Q） 为孩子们创建一个故事页面，将一个孩子们的故事封装在一个引导井容器中 页面的布局必须如下所示 涵盖的概念：-嗯，Glyphicons，引导的助手类 注:-Twitter bootstrap 我获得了所需的输出，但它仍然抛出一个错误，即；未找到用于打印的glyphicon"；尽管打印图示符图标在输出中可见,twitter-bootstrap,bootstrap-4,twitter-bootstrap-3,glyphicons,Twitter Bootstrap,Bootstrap 4,Twitter Bootstrap 3,Glyphicons,Q） 为孩子们创建一个故事页面，将一个孩子们的故事封装在一个引导井容器中 页面的布局必须如下所示 涵盖的概念：-嗯，Glyphicons，引导的助手类 注:- 创建如图所示的故事布局。图像已附加 为类和容器创建div标记 这个故事必须写在井里 为打印、搜索和信封创建适当的div标记 打印和信封必须是链接 搜索必须嵌入在按钮中 使用alert danger类为页脚创建一个div以保存版权信息 我的代码如下： <!DOCTYPE html> <html lang=&q
<!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>
引导示例
今天的儿童故事
一只狐狸经过缠绕在树枝上的葡萄藤。他看见一束葡萄挂在上面。他跳起来去抢葡萄。但是葡萄对他来说太高了。“你必须长大，狐狸，”一只住在树上的猴子说；“拿些葡萄来。”猴子摇了摇树枝，几颗葡萄掉了出来。狐狸用嘴巧妙地抓住了它们。“它们甜吗？”猴子问。“没那么甜，”狐狸边走边说。第二天，狐狸又来到树旁。他看了一眼挂在上面的葡萄串。他跑了一会儿就跳了起来。这一次他可以跳得更高，但不够高，够不着葡萄。友好的猴子压下树枝，帮助狐狸抓起掉落的一两颗葡萄。“它甜吗？”猴子问。“没那么甜。”狐狸边走边说。第二天，狐狸回来了。这一次他看起来决心要摘葡萄。
搜索新故事
版权信息：-请勿复制或复制
class=“btn btn success btn lg”-在打印类中使用它在glyphicon打印的span标记中添加id=“print”为打印、搜索和邮件目的使用单独的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>
..
..
..
引导示例
今天的儿童故事
一只狐狸经过缠绕在树枝上的葡萄藤。他看见一束葡萄挂在上面。他跳起来去抢葡萄。但是葡萄对他来说太高了。“你必须长大，狐狸，”一只住在树上的猴子说；“拿些葡萄来。”猴子摇了摇树枝，几颗葡萄掉了出来。狐狸用嘴巧妙地抓住了它们。“它们甜吗？”猴子问。“没那么甜，”狐狸边走边说。第二天，狐狸又来到树旁。他看了一眼挂在上面的葡萄串。他跑了一会儿就跳了起来。这一次他可以跳得更高，但不够高，够不着葡萄。友好的猴子压下树枝，帮助狐狸抓起掉落的一两颗葡萄。“它甜吗？”猴子问。“没那么甜。”狐狸边走边说。第二天，狐狸回来了。这一次他看起来决心要摘葡萄。
搜索新故事
版权信息：-请勿复制或复制