Harun Or Rashid Harun Or Rashid - 16 days ago 10
HTML Question

bootstrap tabs not working in localhost

When I'm links to local, they do not work.
When I'm using the Internet link, and then work.
Please tell me, without an internet connection, how can I use.

When I'm links to local, they do not work.When I'm using the Internet link, and then work. Please tell me, without an internet connection, how can I use.And I'll use this tab to codeigniter. Basically, I want to manage the activities of the localhost. I like to use is not slowing down.

Example-

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Tabs</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="jquery/3.1.1/jquery.min.js"></script>

<!-- <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.1.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">

<ul class="nav nav-pills">
<li class="active"><a data-toggle="pill" href="#home">Home</a></li>
<li><a data-toggle="pill" href="#menu1">Menu 1</a></li>
<li><a data-toggle="pill" href="#menu2">Menu 2</a></li>
<li><a data-toggle="pill" href="#menu3">Menu 3</a></li>
</ul>

<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>HOME</h3>
</div>
<div id="menu1" class="tab-pane fade">
<h3>Menu 1</h3>
</div>
<div id="menu2" class="tab-pane fade">
<h3>Menu 2</h3>
</div>
<div id="menu3" class="tab-pane fade">
<h3>Menu 3</h3>
</div>
</div>
</div>

</body>
</html>

Answer

You can learn more on bootstrap: http://getbootstrap.com/getting-started/ what all thing you need to add to work with bootstrap, you can learn it from here.

Also, you need to include jquery before making bootstrap work.