API tools faq
paste
ChapDaddy65

forced responsive navbar trouble

ChapDaddy65
Sep 2nd, 2013
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html <?php language_attributes(); ?>>
  3. <head>
  4.  
  5.     <!-- Meta -->
  6.     <meta charset="<?php bloginfo('charset'); ?>" />
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.  
  9.     <title><?php wp_title(' &raquo; ', true, 'right'); ?></title>
  10.  
  11.     <!-- Bootstrap + Font-Awesome -->
  12.     <link href="<?php bloginfo('template_url'); ?>/css/bootstrap.min.css" rel="stylesheet" media="screen">
  13.     <link href="<?php bloginfo('template_url'); ?>/css/font-awesome.min.css" rel="stylesheet" media="screen">
  14.     <!--[if IE 7]>
  15.       <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/font-awesome-ie7.min.css">
  16.     <![endif]-->
  17.  
  18.     <!-- CSS -->
  19.     <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" />
  20.  
  21.     <!-- Google Web Fonts -->
  22.  
  23.     <?php wp_head(); ?>
  24. </head>
  25. <body <?php body_class(); ?>>
  26.  
  27. <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  28. <!-- Brand and toggle get grouped for better mobile display -->
  29.  
  30.     <div class="container">
  31.  
  32.         <div class="navbar-header">
  33.  
  34.             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-top-collapse">
  35.                 <span class="icon-bar"></span>
  36.                 <span class="icon-bar"></span>
  37.                 <span class="icon-bar"></span>
  38.             </button>
  39.  
  40.             <a class="navbar-brand" href="#"><img src="<?php bloginfo('template_url'); ?>/img/logo.png" alt=""></a>
  41.  
  42.         </div><!-- end .navbar-header -->
  43.  
  44.         <!-- Collect the nav links, forms, and other content for toggling -->
  45.         <div class="collapse navbar-collapse navbar-top-collapse">
  46.  
  47.             <form class="navbar-form navbar-right col-lg-3" role="search">
  48.  
  49.                 <div class="form-group">
  50.  
  51.                     <div class="input-group">
  52.  
  53.                         <span class="input-group-addon"><i class="icon-screenshot"></i></span>
  54.  
  55.                         <input type="text" class="form-control" placeholder="Search...">
  56.  
  57.                     </div><!-- end .input-group -->
  58.  
  59.                 </div><!-- end .form-group -->
  60.  
  61.             </form>
  62.  
  63.             <ul class="nav navbar-nav pull-right">
  64.  
  65.                 <li><a href="#">Login</a></li>
  66.  
  67.                 <li><a href="#">Sign in</a></li>
  68.  
  69.                 <li><a href="#">Register</a></li>
  70.  
  71.             </ul><!-- end .nav -->
  72.  
  73.         </div><!-- end .navbar-collapse -->
  74.  
  75.     </div><!-- end .container -->
  76.  
  77. </nav>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!