我正在嘗試將Twitter,Google +和Facebook按鈕添加到導航標題,以便它們出現在標題右上角的右側,位於導航菜單上方的一行上。如何將社交媒體按鈕添加到引導程序導航
我正在使用Bootstrap。
我TRED的forllowing:
1)行類 2)表具有兩行 3)另一UL
非工作這些。請在下方找到沒有社交按鈕鏈接的代碼。
HTML:
<div class="nav">
<div class="container">
<span class="pull-left">
<a href="home.html">
<img src="images/logo150.png" width="150">
</a>
</span>
<ul class="pull-right">
<li><a class="active" href="home.html">Get Muse</a></li>
<li><a href="page1.html">Page1</a></li>
<li><a href="page2.html">Page2</a></li>
<li><a href="page3.html">Page3</a></li>
</ul>
</div>
</div>
CSS:
.nav .pull-right {
padding-top: 40px;
}
.nav {
border-bottom: 1px solid #dbdbdb;
}
.nav a {
color: #5a5a5a;
font-size: 14px;
padding: 14px 10px;
text-transform: uppercase;
}
.nav li {
display: inline;
}
你的意思是說你想添加社交媒體按鈕?圖標?鏈接? – Dan
我的意思是Twitter Follow按鈕,Facebook Like Button和Google+ +1按鈕。謝謝! – alexyes
https://about.twitter.com/resources/buttons https://developers.facebook.com/docs/plugins/like-button https://developers.google.com/+/web/+1button/ – alexyes