Styles justifiés par la navigation Bootstrap


  Résultats de traduction：

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 Bootstrapsyntaxe

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 Bootstrapexemple

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <title>Bootstrap 实例 - 标签页与胶囊式标签页</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>两端对齐的标签页</h2>
  <p>在大于 768px 的屏幕上，通过 .nav-justified 类可以很容易的让标签页或胶囊式标签呈现出同等宽度。在小屏幕上，导航链接呈现堆叠样式。</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

Maison

vidéos

Questions et réponses

soumettre