title: Click link is not working with thymeleaf
body: <p>I use spring boot, thymeleaf and bootstrap.</p>
  
  <p>When i go to my vehicle page, I want to display all vehicle</p>
  
  <pre><code>@GetMapping("/vehicle")
      public String getVehiclesList(final Model model) {
          List&lt;vehicle&gt; vehicles = vehicleService.getAll();
          model.addAttribute("vehicles", vehicles);
          return "vehicle";
      }
  </code></pre>
  
  <p>I have a fragment name: menu</p>
  
  <pre><code>&lt;ul class="nav nav-pills nav-stacked"&gt;
      &lt;li role="presentation" data-toggle="tab" class="active"&gt;
          &lt;a href="#"&gt;Sport&lt;/a&gt;
      &lt;/li&gt;
      &lt;li role="presentation" data-toggle="tab"&gt;
          &lt;a href="/vehicle" th:href="@{/vehicle}"&gt;Vehicule&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>When I click on vehicle, nothing happen...</p>
  
  <p>but if i put vehicle in the url, that work.</p>
  
  <p>Seem like bootstrap event is not working</p>
  
  <p>Edit</p>
  
  <p>code of the vehicle file who is not displayed when i click link</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html th:lang="${#locale.language}" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"&gt;
      &lt;head th:replace="fragments/head :: head-css"/&gt;
      &lt;body&gt;
  
          &lt;div class="container-fluid"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-2 column menu_side"&gt;
                      &lt;div th:replace="fragments/menu :: left-menu"/&gt;
                  &lt;/div&gt;
  
                  &lt;div id="main" class="col-sm-10 column"&gt;    
                      &lt;div role="tabpanel"&gt;
                          &lt;form th:action="@{/vehicle-layout}"  method="post"&gt;
                              &lt;div class="form-group"&gt;
                                  &lt;label for="definition"&gt;Pick a base vehicle&lt;/label&gt;
                                  &lt;select class="form-control" id="vehicle"&gt;
                                      &lt;option th:value="NULL" selected="selected" &gt; -- select the vehicle --&lt;/option&gt;
                                      &lt;option th:each="vehicle : ${vehicles}" th:value="${vehicle.id}" th:text="${vehicle.name}"&gt;&lt;/option&gt;
                                  &lt;/select&gt;
                              &lt;/div&gt;
                          &lt;/form&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt; 
          &lt;/div&gt;       
          &lt;div th:replace="fragments/footer :: footer"/&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Edit 2, if it remove </p>
  
  <p>data-toggle="tab"</p>
  
  <p>in the menu, that working... don't really understand why.</p>