0
votes

Comment puis-je obtenir mes liens NAV dans la barre de navigation?

Je ne suis pas sûr de savoir pourquoi cela se passe. La balise qui est le titre "ne sois pas carré" est dans la barre de navigation, mais pas les liens. Qu'est-ce que je manque ici dans le CSS ou le HTML qui le cognera à l'intérieur? Entrez la description de l'image ici

html css navbar position

2 commentaires

Veuillez ajouter votre code HTML et CSS pour cela.

pouvez-vous ajouter votre code?

3 Réponses :

1
votes

Je pense que vous avez l'en-tête "Ne soyez pas carré" après que vous redissiez un code pour la barre de NAV. Et vous vouliez apporter votre barre de navigation en haut à droite. Pour ce faire, vous pouvez la bonne CSS pour votre titre. Utilisez flotteur: gauche; Il y a d'autre manière également que vous pouvez atteindre, car vous devez partager le code.

J'espère que cela vous aidera.

0 commentaires

0
votes

Cela aiderait si vous avez posté une partie du code source avec elle. La seule chose que je puisse potentiellement penser à l'image, c'est que vous utilisez une sorte d'en-tête (H1, H2, etc.) suivie d'une autre balise qui n'est pas intégrée (DIV, P, etc.). Comme les deux sont bloqués qui pourraient être pourquoi il s'affiche sur la ligne après. Si tel est le problème, les balises sont en ligne, ce qui simplifiant simplement les étiquettes dans le corps du H1 pourrait suffire, telle que

h1 a{ your styling here}

0 commentaires

0
votes

Ceci est juste un exemple que vous pouvez le suivre

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">Don't Be Square</a>
    </div>
    <ul class="nav navbar-nav" style="float: right;">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a></li>
      <li><a href="#">Page 3</a></li>
    </ul>
  </div>
</nav>
  

</body>
</html>

0 commentaires