如何分離引導程序導航目標並仍然褪色

是否可以使用引導程序創建導航欄，而不是導航到同一個html頁面內的選項卡，而是導航到不同的html頁面？我也想保持風格的淡入淡出。如何分離引導程序導航目標並仍然褪色

它似乎應該是可能的原因爲一個大頁面似乎不可能具有在同一個html頁面中的所有。

<body class="page"> 
<div id="navigationbar"> 
    <ul class="nav nav-pills centerdiv span5"> 
     <li class="active"><a href="#main" data-toggle="tab">Main</a></li> 
     <li><a href="#about" data-toggle="tab">About</a></li> 
     <li><a href="#open" data-toggle="tab">Open</a></li> 
     <li><a href="#contact" data-toggle="tab">Contact</a></li> 
    </ul> 
</div>

我怎麼能代替編寫類似

<body class="page"> 
<div id="navigationbar"> 
    <ul class="nav nav-pills centerdiv span5"> 
     <li class="active"><a href="main.html">Main</a></li> 
     <li><a href="about.html">About</a></li> 
     <li><a href="open.html">Open</a></li> 
     <li><a href="contact.html">Contact</a></li> 
    </ul> 
</div>

的目標是包含在與類褪色標籤的第一個樣式，但如果我在不同的頁面分離的目標，這並不工作。

來源

2013-07-21 Jimmy.Bystrom

您可以簡單地將class="active"設置爲其各自文件中的導航條鏈接。

如果你有很多頁面，在每個頁面中導航都會很痛苦，因爲如果你將它放在一個地方，你必須在其他地方改變它。您可以將導航欄移動到單獨的文件中並執行一些腳本。例如，在PHP你有這樣的事情：

<li<?php active('main.html'); ?>><a href="main.html">Main</a></li>

，你會需要一些像這樣的功能：

function active($file) { 
    if($_SERVER['REQUEST_URI'] == '/'.$file) { 
     echo ' class="active'; 
    } 
}

注意，這是過於簡單化。你需要去掉查詢字符串，如果文件不在域的根目錄下，這也不起作用。

需要插入菜單頁這樣的

<?php include __DIR__.'/navigation.php'; ?>

您也可以使用一些模板系統，使之成爲您更加簡單。 Jekyll可能會對你有興趣。

實施例菜單：https://github.com/rsms/rsms.github.com/blob/master/_layouts/default.html#L78

來源

2013-07-21 12:08:15

謝謝，這就是一種替代但第一反應是不正確的。至於讓navbar「高亮顯示」正確，我已經知道如何使用** class =「active」**我嘗試使用class =「active」，但它不支持導航時發生的「淡入淡出」風格在同一個html文件中的標籤之間。 –

如何分離引導程序導航目標並仍然褪色

回答

相關問題