troubleshooting Question

Need Responsive Nav bar which supports Coldfusion links

Avatar of jameskane
jameskane asked on
ColdFusion LanguageBootstrapResponsive Web
26 Comments1 Solution787 ViewsLast Modified:
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.


Many thanks,

james





<title>Untitled Document</title>
<meta charset="utf-8">
  <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">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
</head>

<body>
<div class="container background">
  <div class="row">

    <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>
      
      </nav>
      <div class="container">
      <div >
      
       <div class="tab-pane" id="tab2">
          <cfinclude template="activities.cfm">
        </div>
        
        <div class="tab-pane" id="tab4">
          <p>I'm in Section 4.</p>
        </div>
        
        <div class="tab-pane" id="tab5">
          <cfinclude template="frame_member_middle_testing.cfm">
        </div>
        
        
        

http://cannes-beaux-arts.com/office_19/home1.cfm     RESULT
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 26 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 26 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros