SideClass &#38;quot;left side&#38;quot;

Topic: SideClass "left side"

evieira357 pro asked 7 years ago

I'm creating one nabber "see the code below", I really like that all controls going to be alignment to left side, how I do it? <navbar SideClass="navbar navbar-toggleable-md navbar-dark primary-color-dark fixed-top"> <logo> Syspro<sup style="font-size:50%">ERP </sup> </logo> <links> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <i class="fa fa-home fa-lg" aria-hidden="true"></i> <li class="nav-item dropdown btn-group" dropdown> <i class="fa fa-bars" aria-hidden="true"></i> Cadastro <span class="caret"></span> <div *dropdownMenu class="dropdown-menu dropdown dropdown-primary" role="menu"> Participante <div class="divider dropdown-divider"></div> Logoff </div> </links> </navbar><br/> <br/>

Add comment

Rafał Rogulski free answered 7 years ago

0 0 Best answer

Hi, Do you want to stretch content in the nav bar to the edges? By default, all content in navbar is aligned to the left, but it is placed in a bootstrap container. You can easily remove it, adding to your navbar [containerInside]="false", and following styles:

.navbar > div {
    flex-direction: row;
    display: flex;
    width: 100%;
}

Regards

Add comment

evieira357 pro answered 7 years ago

0 0 Best answer

Please insert min. 20 characters.

Hi, excuse-me I really don't know it. follow the message again... m creating one nabber “see the code below”, I really like that all controls going to be alignment to left side, how I do it?

<navbar SideClass=”navbar navbar-toggleable-md navbar-dark primary-color-dark fixed-top”>
<logo>
Syspro<sup style=”font-size:50%”>ERP </sup>
</logo>

<links>
<ul class=”navbar-nav mr-auto”>

<li class=”nav-item”>
<i class=”fa fa-home fa-lg” aria-hidden=”true”></i>

<li class=”nav-item dropdown btn-group” dropdown>

<i class=”fa fa-bars” aria-hidden=”true”></i> Cadastro
<span class=”caret”></span>

<div *dropdownMenu class=”dropdown-menu dropdown dropdown-primary” role=”menu”>
Participante
<div class=”divider dropdown-divider”></div>
Logoff
</div>

</links>
</navbar><br/> <br/>

Add comment

Rafał Rogulski free answered 7 years ago

0 0 Best answer

Hi, Your code is incomplete because you don't paste it inside code tag. Paste code next selects all paste code and click code button above your text. Regards

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: Yes

evieira357

Pro User 162Support score
17Questions 9Answers 0Snippets