Faire une barre de navigation de page(BootStrap)
Bonjour, j'ai récemment commencer un site web sur lequelle je pourrais mettre mes projets. Je suis un débutant en web mais j'ai de bonnes bases en C#. Je profite de ce site pour apprendre à utiliser JavaScript et Sql et approfondir mes connaissances en HTML/CSS, comme vous avez pu le constater dans le titre, j'ai un problème avec la création d'une barre de navigation. J'utilise BootStrap donc la classe nav et tout va à merveille pour l'affichage, mais quand c'est pour affiché les différentes pages rien ne marche :? . J'imagine qu'il faut utiliser du JavaScript mais si oui je ne sais pas comment l'inclure.
Rentrons dans le vif du codeつ ◕_◕ ༽つ:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
| <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="cssstyle.css">
<title>SoftRabbit - Cyllares Projects</title>
</head>
<body>
<div class="row">
<h1 class="col-md-offset-1 col-md-4">SoftRabbit - Cyllares</h1>
</div>
<h3>Projects Website</h3>
<nav class="navbar navbar-default">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active"><a href="#">home</a></li>
<li><a href="#menu1">menu1</a></li>
<li><a href="#menu2">menu2</a></li>
</ul>
</div>
</nav>
<div id="home">
<table class="table-md-offset-3 col-md-4">
<thead>
<tr>
<th>News</th>
</tr>
</thead>
<tbody>
<tr>
<td>sup</td>
</tr>
</tbody>
</table>
</div>
<div id="menu1">
<h3>Menu 1</h3>
<p>Some content in menu 1.</p>
</div>
<div id="menu2"class="">
<h3>Menu 2</h3>
<p>Some content in menu 2.</p>
</div>
</div>
<script src="jquery.js"></script>
<script src="jquerythings.js"></script>
</body>
</html> |
Étant un débutant je me doute que le code n'est pas très bien optimisé donc si vous avez des suggestions laissez un commentaire.
Cordialement, Cyllares
Merci de votre lecture ◕‿↼