Create a tabbed menu with Bootstrap



To create a tabbed menu with Bootstrap, you can try to run the following code

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <title>Bootstrap Example</title>       <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.3.1/jquery.min.js"></script>       <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>    </head>    <body>       <div class = "container">          <h2>Database</h2>          <p>The following are the database technologies:</p>          <ul class = "nav nav-tabs" role="tablist">             <li class = "active"><a href = "#">DB2</a></li>             <li><a href = "#">MySQL</a></li>             <li><a href = "#">SQL</a></li>             <li><a href = "#">CouchDB</a></li>          </ul>       </div>    </body> </html>
Updated on: 2020-06-12T19:29:25+05:30

151 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements