如何解决Bootstrap 排版失败 1 - 没有找到具有适当大写和反向值的类属性
<!DOCTYPE html>
<html lang="en">
<head>
<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="/additional_files/js/webtechnology/bootstrap/bootstrap.min.js"></script>
<script src="/additional_files/js/webtechnology/jquery/jquery.min.js"></script>
</head>
<body>
<div class="container">
<h2>THE <abbr title="north South East West">NEWS</abbr></h2>
<p class="bg-success">This is an e-paper that collatesnational and world news</p>
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading"><mark>National News</mark></div>
<div class="panel-body text-primary">This section displays all national news and events</div>
</div>
<div class="panel panel-default">
<div class="panel-heading"><mark>World News</mark></div>
<div class="panel-body">This section displays all world news and events</div>
</div>
</div>
<div>
<p class="text-uppercase">copyright :- the news india company</p>
<blockquote class="blockquote-reverse text-warning">Warning:- Do Not Reproduce</blockquote>
</div>
</div>
</body>
</html>
这是我写的代码。当我运行此代码时,我可以输出但在评估时,它显示错误。失败 1 - 没有找到具有适当大写和反向值的类属性
解决方法
我最近正在解决同样的问题,终于得到了他们的期望,这是我们问题的解决方案:
<div class="container">
<h2>THE <abbr title="North South East West">NEWS</abbr></h2>
<p class="bg-success">This is an e-paper that contains national and world news</p>
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading"><mark>National News</mark></div>
<div class="panel-body text-primary"><small>This section displays all national news and events</small></div>
</div>
<div class="panel panel-default">
<div class="panel-heading"><mark>World News</mark></div>
<div class="panel-body"><small>This section displays all world news and events</small></div>
</div>
</div>
</div>
<blockquote>
<p class="text-uppercase">Copyright :- The news india company</p>
</blockquote>
<blockquote class="blockquote-reverse">
<p class="text-warning">Warning:- Do Not Reproduce</p>
</blockquote>
我们需要用单独的块引用标记将最后两个段落标记括起来。 谢谢。
,您的代码段没有重现您列出的错误:没有找到具有适当大写和反向值的类属性,但要解决的一件事是 en 后没有右引号: >
<html lang="en> -> <html lang="en">
并且要修改的一件事通常是 DOCTYPE 是大写的(不是必需的,而是规范):
<!Doctype html> -> <!DOCTYPE html>
你的代码会是这样吗:
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<div class="container">
<h2>THE <abbr title="North South East West">NEWS</abbr></h2>
<p class="bg-success">This is an e-paper that collatesnational and world news</p>
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-heading"><mark>National News</mark></div>
<div class="panel-body text-primary">This section displays all national news and events</div>
</div>
<div class="panel panel-default">
<div class="panel-heading"><mark>World News</mark></div>
<div class="panel-body">This section displays all world news and events</div>
</div>
</div>
<div>
<p class="text-uppercase">copyright :- the news india company</p>
<blockquote class="blockquote-reverse text-warning">Warning:- Do Not Reproduce</blockquote>
</div>
</div>
如果您仍然遇到错误,您可以编辑您的问题,以包含错误的确切文本以及出现错误的位置(例如,在浏览器控制台中?)。一个注意事项 - 您使用的是 Bootstrap 3,但您使用了 Bootstrap-4 标签。如果需要更多帮助,您可以更新您的标签。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。