Why is this Bootstrap Tab setting not working?

Navigation
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>
    
asked by anonymous 26.04.2014 / 20:08

1 answer

6

bootstrap.min.js and jQuery are missing. 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

    
26.04.2014 / 21:15
What is the purpose of the data class? How to change an element within a less file?