Why is this Bootstrap Tabs configuration not working?

Asked

Viewed 1,123 times

5

The code is as follows::

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
     <title>Site</title>
     <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
     <link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css">
  </head>
  <body > 


        <ul class="nav nav-tabs">
          <li><a href="#tab1" data-toggle="tab">Pedido</a></li>
          <li><a href="#tab2" data-toggle="tab">Configura&ccedil;&otilde;es</a></li>
        </ul>

        <div class="tab-content">
          <div class ="tab-pane active" id="tab1">
            <p>Pedido</p>
          </div>
          <div class ="tab-pane" id="tab2">
            <p>Confirguracoes</p>
          </div>
        </div>

  </body>

</html>
html css twitter-bootstrap

1 answer

6


Are missing the bootstrap.min.js and the jQuery. See Getting Started - Bootstrap.

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

Jsfiddle

Browser other questions tagged html css twitter-bootstrap

You are not signed in. Login or sign up in order to post.