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/>

Rafał Rogulski free answered 7 years ago


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

evieira357 pro answered 7 years ago


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/>

Rafał Rogulski free answered 7 years ago


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

Please insert min. 20 characters.

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
Tags