如何在引导程序中添加页脚链接

时间:2016-12-20 08:13:28

标签: css twitter-bootstrap

我在bootstrap主题中使用此标签作为我的页脚。我需要在我的有用链接下添加一些链接。我怎么能这样做

<footer>
      <p class="pull-right">Usefull links</p>
</footer>

这不能正常工作

<footer>
    <p class="pull-right">Usefull links</p>
    <p>w3school.com</p>
    <p>universal</p>
    <p>privacy</p>
    <p>boomberg</p>
    <p>town</p>
</footer>

3 个答案:

答案 0 :(得分:3)

  

我需要在我的有用链接下添加一些链接。我怎么能这样做

您需要在链接中添加<a>带有href属性且带值的标记。

<p><a href="http://www.w3schools.com/">w3school.com</a></p>

此外,由于您在pull-right元素上使用Usefull links类。您还必须将下面的标记对齐。因此,我建议您将所有内容包装在div中,并将课程pull-right提供给div

<footer>
 <div class="pull-right">
  <p>Usefull links</p>
  <p><a href="http://www.w3schools.com/">w3school.com</a></p>
  <p><a href="http://www.universal.com/">universal</a></p>
  <!-- similar to your other elements-->
 </div>
</footer>

答案 1 :(得分:1)

我相信你需要添加一个&#39;锚标记&#39;即<a>以实现您的目标。

例如,

<footer>
  <p class="pull-right">Usefull links</p>
  <p><a href="#">w3school.com</a></p>
  <p><a href="#">universal</a></p>
  <p><a href="#">privacy</a></p>
  <p><a href="#">boomberg</a></p>
  <p><a href="#">town</a></p>
</footer>

您可以在同一W3.org

上阅读更多内容

希望这有帮助。

PS: &#39;#&#39;是一个虚拟链接。您可以将其替换为项目所需的实际链接。

答案 2 :(得分:-1)

 <footer><a href="Your Link">Test</a></footer>