Donate. I desperately need donations to survive due to my health

Get paid by answering surveys Click here

Click here to donate

Remote/Work from Home jobs

Bootstrap problems with navbar margins

on

I have 2 questions:

CSS - https://pastebin.com/URVuvaeC

1.Why everything except the bavbar-brand it is not on the right side and how to do it to go on the farest right 

<nav class="navbar navbar-custom navbar-dark navbar-expand-sm">
        <a class="navbar-brand" href="#">OnlineStore</a>
        <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarMenu">
            <span class="navbar-toggler-icon"></span>
        </button>
        <form class="form-inline ml-auto">
            <div class="input-group">
                <input class="input-custom form-control" type="search" placeholder="Search" />
                <div class="input-group-append">
                    <button class="btn btn-custom" type="submit"><i class="fa fa-search"></i></button>
                </div>
            </div>
        </form>
        <div class="collapse navbar-collapse" id="navbarMenu">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="#">My Account</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Favorites</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">My Shopping Card</a>
                </li>
            </ul>
        </div>
    </nav>
  1. Why the search is not centered in the navbar and how to center it on the code below

https://pastebin.com/7S3CBzbe

Comments

Post a Comment