Rectangle 27 0

html Showing collapsed Menu Items vertically with centred navbar and logo centred inside it (bootstrap)?

<!DOCTYPE html>

<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

    <nav class="navbar">
        <div class="container">

<a class="navbar-brand" href="index.php">Shubhsoft</a>

    <div class="navbar-header navbar-right">
        <ul class="nav navbar-nav">
            <li><a href="index.php">Home</a></li>
            <li><a href="index.php">Project</a></li>
            <li><a href="index.php">Client</a></li>
            <li><a href="index.php">Services</a></li>
            <li><a href="index.php">Contact-Us</a></li>
            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Wom Dropdown<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="index.php">Link1</a></li>
                    <li><a href="#">Link1</a></li>
                    <li><a href="#">Link1</a></li>
                    <li class="divider"></li>
                    <li <a href="#">Seperated link</a></li>
                    <li class="divider"></li>
                    <li <a href="#"> one more Seperated link</a></li>
<script type="text/javascript" href="js/bootstrap.min.js"></script>
<script type="text/javascript" href="js/jquery.js"></script>

I have read this and tried methods from this question (some bits are still there) but it isnt working for me

Thanks, but this puts the logo on the left and the navbar menu items on the right - I know how to do this but would really like it as mentioned - central navbar with logo centred inside it. Thanks for your suggestion though this is what I want and have BUT the problems as listed above mean on collapse the menu items show horizontally with logo in the toggle menu.

upload a screenshot what u wanna