nav

abbr.navigate navigation; navigation; navigable

justified

English [?d??st?fa?d] US [?d??st??fa?d]

adj. pour une raison

v. Ajuster; prouver... justifié (passé et participe passé de justifier)

Styles justifiés par la navigation Bootstrap syntaxe

Fonction?: Pour les onglets alignés, sur un écran de plus de 768 pixels, la classe justifiée par .nav peut facilement faire appara?tre les onglets ou les onglets des capsules de la même largeur. Sur les petits écrans, les liens de navigation apparaissent empilés.

Styles justifiés par la navigation Bootstrap exemple

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <title>Bootstrap 實(shí)例 - 標(biāo)簽頁(yè)與膠囊式標(biāo)簽頁(yè)</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>兩端對(duì)齊的標(biāo)簽頁(yè)</h2>
  <p>在大于 768px 的屏幕上，通過(guò) .nav-justified 類(lèi)可以很容易的讓標(biāo)簽頁(yè)或膠囊式標(biāo)簽呈現(xiàn)出同等寬度。在小屏幕上，導(dǎo)航鏈接呈現(xiàn)堆疊樣式。</p>
  <ul class="nav nav-tabs nav-justified" role="tablist">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">CSS</a></li>
    <li><a href="#">About</a></li>
  </ul>
  <br>
  <ul class="nav nav-pills nav-justified" role="tablist">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">CSS</a></li>
    <li><a href="#">About</a></li>
  </ul>
</div>

</body>
</html>
Exécuter l'instance ?

Cliquez sur le bouton ??Exécuter l'instance?? pour afficher l'instance en ligne