How to fix the header in Bootstrap?

P

prim02017-08-24 18:01:31

Layout

prim0, 2017-08-24 18:01:31

I've been straining my brains in these blocks for 20 minutes.
It should be like this:

And it goes like this:

Help please.
Here is the code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>0</title>
  
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</head>
<body>
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <div class="navbar-header">
        <a href="#" class="navbar-brand">1</a>
      </div>
      
      <div>
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
        </ul>
      </div>
    </div>
  </nav>
</body>
</html>

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

V

Vladislav Lyskov, 2017-08-24
@prim0

navbar in navbar..., and for the diva in which the second navbar is declared, everything is not indicated at all, look like here https://v4-alpha.getbootstrap.com/examples/starter...<div class="container-fluid">

S

Sasha, 2017-08-24
@userAlexander

prim0 initially, it is better to learn a clean layout, and then use what you can actually do without.