Results 1 to 1 of 1

Thread: responsive bootstrap nav

  1. #1
    Junior Member
    Join Date
    Dec 2014
    Posts
    2

    Question responsive bootstrap nav

    Hello,

    I am in the middle of learning bootstrap and still trying to find a way to create a responsive boostrap nav for this website: http://www.innovation.web.id

    This is my code so far:

    navigation.php

    PHP Code:
    <body>
    <
    div class="container" >
    <
    div class="row" style="margin-top:10px;">
    <
    div class="span6" style="border:1px solid #bbb;border-radius:10px;padding:10px 20px 10px 20px;margin:0 0 10px 0;">
    <
    div class="navbar">
    <
    div class="navbar-inner">
    <
    ul class="nav">
    <
    li class="active"><a href="#">Home</a></li>
    <
    li class="divider-vertical"></li>
    <
    li class="dropdown">
    <
    a href="#" class="dropdown-toggle" data-toggle="dropdown">
    Portfolio
    <class="caret"></b>
    </
    a>
    <
    ul class="dropdown-menu">
    <
    li><a href="#">Web Portfolio</a></li>
    <
    li><a href="#">Marketing Portfolio</a></li>
    </
    ul>
    </
    li>
    <
    li class="divider-vertical"></li>
    <
    li><a href="#">Services</a></li>
    <
    li class="divider-vertical"></li>
    <
    li><a href="#">Blog</a></li>
    <
    li><a href="#">Contact</a></li>
    </
    ul>
    </
    div>
    </
    div>
    </
    div>
    </
    div>
    </
    div>
    <
    script src="js/jquery.js"></script>
    <!-- 
    Bootstrap javascript -->
    <
    script src="js/bootstrap.min.js"></script>
    </
    body

    All I have is a grey navigation. This is my custom.css

    custom.css

    PHP Code:

        
    .navbar-inner{height80pxbackground-colorbrown;}
        .
    divider-vertical{height80px;} 
    Only the nav bar height works! the rest doesn't.

    Any clue how to create responsive bootrap nav just like the website link - the only difference is the website link is not responsive yet.
    Last edited by davy_yg; 12-06-2014 at 04:58 PM.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •