如何在導航欄中獲取我的導航鏈接？
[英]How do I get my nav links in the nav bar?
3 個解決方案
解決方案1
1 已采納 2020-02-19 05:53:19
我認為，在您為導航欄校正代碼之后，您有標題“不要方形”。 你想把你的導航欄放在右上角。 為此，您可以為標題設置正確的 css。 使用浮動：左； 您還可以通過其他方式實現，因為您必須共享代碼。
希望它會幫助你。
解決方案2
0 2020-02-19 05:53:35
如果您隨附一些源代碼，將會有所幫助。 我唯一可以通過圖像想到的是您正在使用某種標題（h1、h2 等），然后是其他一些非內聯標簽（div、p 等）。 由於兩者都是塊，這可能就是為什么它顯示在后面的行上。 如果這是問題所在，標簽是內聯的，因此只需將標簽放在 h1 的主體內就足夠了，例如
<h1>Don't Be Square <a some link here/> <a another link/> <a third link></h1>
然后通過給它們一個 id 或使用 css 標識符來設置與 h1 不同的鏈接樣式
h1 a{ your styling here}
我再次幫不上忙，因為沒有來源，但希望這會有所幫助。
解決方案3
0 2020-02-19 06:06:16
這只是一個例子，你可以遵循它
<!DOCTYPE html> <html lang="en"> <head> <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.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">Don't Be Square</a> </div> <ul class="nav navbar-nav" style="float: right;"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> </ul> </div> </nav> </body> </html>
如果不是導航欄將換行，則以全屏方式查看它。 祝你好運
如何獲得導航鏈接在頁面上平均分布並居中？
[英]How do I get my nav links to spread evenly across and be centered in the page?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.