html - 将第三个元素添加到 HTML 中的行选项卡封面

Question

今天的最后一个。

我当前的构造就是这样，它下面有相应的 .css。

 <p>&nbsp;
 </p>
 <p>&nbsp;
 </p>
 <div class="row tab-cover">
 <div class="col-sm-4"><a href="/home" target="_self">Return to 
 Categories</a>
 </div>
 <div class="col-sm-8">
 <p>To Download Table Data Click on the Table then Select Download.
 </p>
 </div>
 </div>

 .tab-cover {
            background-color:#1a4277;
            height: 30px;
            color:#fff;
            font-size: 1.1em;
            padding-top:5px;
  }
 .tab-cover a {
            text-align: right;
            text-decoration: underline;
            color: #fff;
  }
 .tab-cover a:visited {
            color: #fff !important;
  }

我需要为此添加第三个元素。代码中的两个元素显示在一行蓝色的最左侧和中间。我需要第三个元素显示在右侧。它是一个文档的链接。我尝试了以下但它没有出现。关于如何解决这个问题的任何想法？

   <p>&nbsp;
   </p>
   <p>&nbsp;
   </p>
   <div class="row tab-cover">
   <div class="col-sm-4"><a href="/home" target="_self">Return to 
   Categories</a>
   </div>
   <div class="col-sm-8">
   <p>To Download Table Data Click on the Table then Select Download.
   </p>
   <div class="col-sm-8">
   <p><a href="">link text</a>
   </p>
   </div>
   </div>

Answer 1

问题是连接到“”元素的数字。当我将其更改为 4,4,4 而不是 4,8,4 时，它工作正常。