I am trying to integrate my coldfusion pages into a 'responsive' navigational bar (eg bootstrap template from W3schools). Below is the result of my efforts in trying to use one of these templates. The page code I created is below and also a link to the server so you can see the result.
The result suggests that the template I am using does not fully support coldfusion OR I am not using the correct approach in building in the coldfusion pointers to the nav template.
I am asking the following questions
- Am I doing something stupid in the example I have included - if so, can you give me a pointer as to what the solution is
- What are your recommendations for building a responsive Nav bar which will support coldfusion.
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container background">
<h1>ABAC INSCRIPTION 2019</h1>
<nav class="navbar navbar-inverse">
<div class="container-fluid ">
<ul class="nav navbar-nav">
<li><a href="#tab2" data-toggle="tab">Programme (2018/19)</a></li>
<li><a href="#tab4" data-toggle="tab">Mise a Jour votre Infos</a></li>
<li><a href="#tab5" data-toggle="tab">Votre Compte</a></li>
<div class="tab-pane" id="tab2">
<div class="tab-pane" id="tab4">
<p>I'm in Section 4.</p>
<div class="tab-pane" id="tab5">