如何使用自定義品牌標識編碼導航的「聖盃」img

-1

如何根據標準自舉導航代碼創建以下導航/品牌標識響應行爲？如何使用自定義品牌標識編碼導航的「聖盃」img

代碼：http://www.bootply.com/8suUu6W5ZB#

感謝您的幫助！

2015-12-14 Kevin Kraden

我建議你在引導中引用網格佈局。 https://getbootstrap.com/examples/grid/。如果您可以閱讀並做一些事情，我們將能夠爲您提供幫助。並給你一個粗略的想法，基本上從一排開始。然後有三個可變大小的列。然後根據需要在行內嵌入行。只是爲了提醒你，如果你問這樣的問題，人們會倒下你。歡迎來到SO – gates

圖像無法告訴一切嗎？我不是很CSS，所以我希望得到一些幫助。我已經嘗試從入門模板開始，並使用導航的默認標題，但添加品牌標誌打破了一切。 –

實際上，當你向他們展示代碼時，這裏的人員肯定會提供幫助，並告訴我們你對代碼的期望，並且可能是你得到的錯誤信息是什麼（在這種情況下，你說它在某處破壞）。所以，除非你完成了我剛纔提到的所有上述事情，否則我們無法幫助你，因爲我們沒有超級權力來查看你的代碼，我們也無法破解你的系統來檢查你的代碼;）。快樂的編碼！ – gates

我之前沒有使用過bootply，所以我不知道html，body的標籤是否被bootply自動包含。但我無法在HTML中看到這些標籤，但可以看到這些標籤的樣式。帶有bootstrap的html的基本結構就是這樣。我爲您添加了一個導航欄。所以把它作爲模板來處理你的項目。

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 user-scalable=none"> 
     <title>Trying out bootstrap </title> 
     <link rel="stylesheet" href="css/bootstrap.css"> 
     <link rel="stylesheet" href="css/main.css"> 
     <script src="js/jquery.js"></script> 
     <script src="js/bootstrap.js"></script> 
    </head> 
    <body> 
     <div class="container"> 
      <nav class="navbar navbar-default navbar-fixed-top"> 
       <div class="container"> 
        <div class="navbar-header"> 
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
          <span class="sr-only">Toggle navigation</span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
         </button> 
         <a class="navbar-brand" href="#">A WV Gates Corporation</a> 
        </div> 
        <div id="navbar" class="navbar-collapse collapse"> 
         <ul class="nav navbar-nav"> 
          <li class="active"><a href="#">Home</a></li> 
          <li><a href="#">Profile</a></li> 
          <li><a href="#">About</a></li> 
         </ul> 
        </div> 
       </div> 
     </div> 
    </body> 
</html>

確保將bootstrap和jquery的文件包含在適當的路徑中！

來源

2015-12-15 05:06:32 gates

如何使用自定義品牌標識編碼導航的「聖盃」img

回答

相關問題