Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and work.

aviboots(AT)netvision.net.il

Instant Grammar Checker - Correct all grammar errors and enhance your writing

You have the vaccine, now let everyone know!
Teach Your Child To Read

BlueHost Web Hosting Black Friday

Bonsai Boy of New York Bonsai Trees and Accessories

DreamCloud The Comfortable Luxury Mattress Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

DreamHost Web Hosting


Disclosure We are a professional Programming & Software Q&A website, that receives compensation from some of the links whose we show you with Information. It means that my content may contain affiliate links.

17,954 questions

24,129 answers

573 users

How to add buttons to navigation bar in Bootstrap

Linux Foundation - Training


50 views
asked Jul 22, 2017 by avibootz
edited Jul 22, 2017 by avibootz

1 Answer

0 votes
<!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.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">YourWebSiteName</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
          <li><a href="#">PHP</a></li>
          <li><a href="#">JavaScript</a></li>
          <li><a href="#">HTML</a></li>
          <li><a href="#">CSS</a></li>
    </ul>
    <button class="btn btn-success navbar-btn">Success</button>
    <button class="btn btn-info navbar-btn">Info</button>
  </div>
</nav>

<div class="container">
  <h2>Bootstrap navigation bar with buttons</h2>
  <p>text</p>
</div>

</body>
</html>




answered Jul 22, 2017 by avibootz
...