Navbar is not displayed correctly in bootstrap

I just started studying html, but I can use container and jumbotron, but navbar doesn't display correctly.
Even if I copy directly from bootstrap's NAVS or NAVBAR, the display will be displayed differently from the example on the homepage, so I am having trouble knowing what is wrong at all.
I used udemy as the main learning material, but there were no points to keep in mind in this case.I was at a loss and bought another textbook, but it was the same.
Please let me know if there is anything I need to be careful about when using bootstrap other than the html code.

Thank you for your cooperation.

In the photo, I copied the Tabs code exactly as it is.

<!DOCTYPE html>
<html>
  <head>
    <metacharset="utf-8">

    <title> </title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lsLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy"crossorigin="anonymous">
  </head>
  <body>

  </body>
</html>

<ul class="nav nav-tabs">
  <li role="presentation" class="active"><a href="#">Home</a><li>;
  <li role="presentation"><a href="#">Profile</a></li>
  <li role="presentation"><a href="#">Messages</a></li>
</ul>

html bootstrap

2022-09-30 21:28

1 Answers

As far as the screenshot shows, you need to learn about html before bootstrap.In particular, you do not seem to have sufficient underlying knowledge of the <html> tags and the body> tag role.

For the time being, all content must be written before </body>.

2022-09-30 21:28

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656