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 标签。如果需要更多帮助,您可以更新您的标签。