2016-12-20 21 views
-1

我在引導程序主題中使用此標籤作爲My Footer。我需要在我的有用鏈接下添加一些鏈接。我該怎麼辦呢如何在引導程序中添加頁腳的鏈接

<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> 
+0

我們不能幫你沒有你的CSS。 –

+0

@PatrickMlr CSS is bootstrap css .. –

回答

3

我需要在我的有用鏈接下添加一些鏈接。我該怎麼做

您需要添加一個<a>標記href屬性值爲您的鏈接。

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

此外,由於您使用的是Usefull links元素pull-right類。您還必須將下面的標籤對齊。因此,我建議你在一個div包一切,給類pull-rightdiv

<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> 
+0

確定您的解決方案正在工作。你能給我提示如何改變我的頁腳顏色? – Fernando

+0

@Fernando你可以添加一個CSS類的規則與所需的顏色,並將該類應用到您的頁腳。 –

+0

@Fernando在這裏您可以使用幾段代碼http://bootsnipp.com/search?q=footer .. http:/ /bootsnipp.com/snippets/1KEEq你可以在這個網站上搜索更多。 –

1

我相信你需要添加一個「錨標記」即<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:'#'是虛擬鏈接。您可以將其替換爲您想要的項目的實際鏈接。

+0

downvoter可以解釋downvote的正當理由嗎? – Nitesh

+0

編輯你的答案,讓下來的選民有機會恢復他的投票。 –

-1
<footer><a href="Your Link">Test</a></footer> 
+0

謝謝你的解決方案對我也很有用 – Fernando

相關問題