Dreamweaver Bootstrap Navbar dropdown Issue

-

hi,

i having difficulty nav bar dropdown menus working. dropdown text not show up, header (services) , caret. appreciate assistance. below code. took right video on bootstrap nav dropdown.

thank you.

 

<!doctype html>

<html lang="en">

 

 

<head>

 

 

    <meta charset="utf-8">

    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="description" content="">

    <meta name="author" content="">

 

 

    <title>cj design & consulting/index.html</title>

 

 

    <!-- bootstrap core css -->

<link href="http://www.cjdesignandconsulting.com/bootstrap.min.css" rel="stylesheet">

    <!-- custom css -->

<link href="http://www.cjdesignandconsulting.com/full-slider.css" rel="stylesheet">

 

 

    <!-- html5 shim , respond.js ie8 support of html5 elements , media queries -->

    <!-- warning: respond.js doesn't work if view page via file:// -->

    <!--[if lt ie 9]>

        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->

 

 

</head>

 

 

    <!-- brand , toggle grouped better mobile display -->

<body>

<nav class="navbar navbar-default" navbar-fixed-top" role="navigation">

  <div class="container-fluid">

    <div class="navbar-header">

      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

        <span class="sr-only"></span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span>

        <span class="icon-bar"></span></button>

      </button>

      <a class="navbar-brand" href="#">cj design & consulting</a>

        </div>

        <div class="navbar-collapse collapse">

           <ul class="nav navbar-nav navbar-right">

              <li class="active"><a href="#">home</a></li>

              <li><a href="#">about</a></li>

              <li class="dropdown">

                <a href="#" class="dropdown-toggle" data-toggle="dropdown">services<b class="caret"></b>

            <ul class="dropdown-menu">

              <li class="dropdown-header">web design</li>

              <li><a href="#">create responsive website</a></li>

              <li><a href="#">converting non-responsive website</a></li>

              <li class="dropdown-header">graphic design design</li>

              <li><a href="#">logos</a></li>

              <li><a href="#">newsletters</a></li>

              <li><a href="#">photo retouching</a></li>

              <li><a href="#">digital photography</a></li>

            </ul>

            </li>

              <li><a href="#">contact</a></li>

 

      <ul class="nav navbar-nav navbar-right">

      <form class="navbar-form navbar-left" role="search">

        <div class="form-group">

          <input type="text" class="form-control" placeholder="search">

        </div>

        <button type="submit" class="btn btn-default">submit</button>

      </form>

      </ul>

      <a class="navbar-brand" href="#"></a></div>

    <!-- collect nav links, forms, , other content toggling -->

    <div class="collapse navbar-collapse" id="defaultnavbar1">

     <ul class="nav navbar-nav navbar-center">

it's not complete document can't tell if included jquery js , bootstrap js files -- both of necessary make menus work.

 

below working example.

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>bootstrap 3.3.7 starter</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="x-ua-compatible" content="ie=edge">

<!--[if lt ie 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

 

<!--bootstrap-->

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

 

<style>

/**offset navbar-fixed-top**/

body {padding-top: 55px}

</style>

</head>

<body>

<!--top navbar-->

<nav class="navbar navbar-inverse navbar-fixed-top">

<div class="container-fluid">

<!-- add header -->

<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar1">

<span class="sr-only">toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="#">xyz company</a></div>

<!-- add menu items-->

<div class="collapse navbar-collapse" id="navbar1">

<ul class="nav navbar-nav">

<li class="active"><a href="#">home</a></li>

<li><a href="#">about</a></li>

<li><a href="#">services</a></li></ul>

<!-- add search form here -->

<form class="navbar-form navbar-right" role="search">

<div class="input-group">

<input type="text" class="form-control" placeholder="search">

<span class="input-group-btn">

<button type="submit" class="btn btn-default">

<span class="glyphicon glyphicon-search"></span>

</button>

</span>

</div>

</form>

</div>

</div>

<!--/end top navbar-->

</nav>

 

<div class="container">

<div class="row">

    page content goes here....

    <p> </p>

    <p> </p>

    <p> </p>

    <p> </p>

    <p> </p>

    <p> </p>

    <p> </p>

    <p> </p>

    <p> </p>

</div>

</div>

 

<!--latest jquery-->

<script src="https://code.jquery.com/jquery-1.12.2.min.js" integrity="sha256-lzfhibxzmho3ggeehn1hudtap3sc0ukxbxazhx1sjtk=" crossorigin="anonymous"></script>

 

<!--bootstrap-->

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>

</html>



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

Illustrator CS6 Ocurrío un error E/S en el archivo.

-
este error me me sale cada ves que guardo un archivo que ya estado trabajando varias veces, sale cuando ya esta finalizando el proceso de guardar, ya probe cambiar nombre del archivo, ubicación de guardado, convertí curvas las fuentes y sigue saliendo el mismo error, no se que mas hacer, si alguien le ha sucedido y sabe como solucionarlo por favor ayuda. versión exacta (acerca de illustrator) de illustrator? versión sistema operativo?   guardas en el disco duro principal del ordenador o en otro disco, memoria pendrive,...? ese disco que clase de disco, modelo, antiguedad, espacio libre,...? More discussions in Foro en español adobe
Read more

Why is os_ViewContainer running?

-
when open illustrator (cc) opens window os_viewcontainer cannot view or close. shows in taskbar second window illustrator when mousing on ai icon. have tried select no luck. have tried clear using red x, no luck. close when close illustrator. wondering why there , if should concerned. oh, running windows 10. hi ccsachs,   as per query when launch illustrator opens " os_viewcontainer "   i request please share screenshots along below-mentioned details:   exact version of illustrator  graphic card using , when updated last time how performs in safe mode? ( https://support.microsoft.com/en-in/help/12376/windows-10-start-your-pc-in-safe-mode ) if works fine in safe mode please share antivirus using?   regards srishti More discussions in Illustrator adobe
Read more

Animate - problem with duplicating scripts after loop

-
hi all,   i have problem simple button script @ first frame. fine when timeline playing first time. after when timeline loops , stop again @ 0 frame button script fireing 2 times, when loops third time fireing 3 times etc...   here script:   this.stop(); exportroot.mc_cta.cursor = "pointer";   this.mc_cta.on("click", clickfunc.bind(this));   function clickfunc() {     console.log("clicked");     eb.useractioncounter("clicked");     exportroot.gotoandplay(1); }   anybody ideas? wrong?   thanks! kris use:   this.stop(); exportroot.mc_cta.cursor = "pointer";   if(!this.alreadyexecuted){ this.alreadyexecuted=true; this.mc_cta.on("click", clickfunc.bind(this));   function clickfunc() { console.log("clicked"); eb.useractioncounter("clicked"); exportroot.gotoandplay(1); } } More discussions in Adobe Animate CC - General adobe
Read more