Bootstrap toggle navbar not showing content -


i newbie bootstrap, having problem toggle navbar menu. data or list item not appear when screen size reduced mobile size there appears toggle button not anything. 

    <!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">       <!-- above 3 meta tags *must* come first in head; other         head content must come *after* these tags -->       <title>bootstrap 101 template</title>        <!-- bootstrap -->       <link href="css/bootstrap.min.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/html5shiv/3.7.2/html5shiv.min.js"> </script>       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>       <![endif]-->        </head>       <body>          <div class="navbar navbar-default" role="navigation">            <div class="container">              <div class="navbar-header">                <button type="button" class="navbar-toggle" data- toggle="collapse" data-target="navbar-container">                <span class="sr-only">show & hide navigation</span>                </button>              </div>              <div class="collapse navbar-collapse" id="navbar-container">                 <ul class="nav navbar-nav">                    <li><a href="#">home</a></li>                    <li><a href="#">profile</a></li>                    <li><a href="#">contact us</a></li>                 </ul>              </div>           </div>           </div>         <!-- jquery (necessary bootstrap's javascript plugins) -->        <script    src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">        </script>          <!-- include compiled plugins (below), or include individual files   needed -->       <script src="js/bootstrap.min.js"></script>       </body>       </html>

actually there 2 mistakes in code.

replace line

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

with one

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

reason

there space in between data-toggle , had not put # sign navbar-container in data-target attribute.


Comments

Post a Comment

Popular posts from this blog

node.js - Using Node without global install -

i'm working on few node & electron (atom shell) projects , i'm curious how them work without user having install node globally. i've seen few applications including node directory in project contains node.exe binary. how go setting node project use binary? edit: thought should add, i've searched everywhere answer this, unrelated results.
Read more

How to access a php class file from PHPFox framework into javascript code written in simple HTML file? -

i've website developed using phpfox v3.0.7 . now i'm trying implement 'sse(server sent events)' 1 of php files. reference i'm giving below necessary code part of file. file titled process.class.php , present @ location /var/www/module/notification/include/service/process.class.php present on server having ip http://34.124.40.142/ . <?php /** * [phpfox_header] */ header('content-type: text/event-stream'); header('cache-control: no-cache'); defined('phpfox') or exit('no dice!'); /** * * * @copyright [phpfox_copyright] * @author raymond benc * @package phpfox_service * @version $id: service.class.php 67 2009-01-20 11:32:45z raymond_benc $ */ class notification_service_process extends phpfox_service { /** * class constructor */ public function __construct() { $this->_stable = phpfox::gett('notification'); } public function add($...
Read more

java - Null response to php query in android, even though php works properly -

Image
table i'm trying retrieve above data using 2 php files below. want pass email parameter , return bets user = email. work fine when tested advanced rest client, problem not php. however, when try through android 2 java classes below, null pointer exception (logcat below) , json object returned null. i'm not sure error is, think i'm not passing parameter php , that's why it's producing null response. logcat 05-31 15:10:50.227 26074-26074/com.example.albert.betterapp e/androidruntime﹕ fatal exception: main process: com.example.albert.betterapp, pid: 26074 java.lang.runtimeexception: unable start activity componentinfo{com.example.albert.betterapp/com.example.albert.betterapp.displayallbets}: java.lang.nullpointerexception @ android.app.activitythread.performlaunchactivity(activitythread.java:2292) @ android.app.activitythread.handlelaunchactivity(activitythread.java:2350) @ android.app.activitythread.acce...
Read more