SideClass left side

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
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 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

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 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
Write
Create snippet
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
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
About author
evieira357
Pro User
162Support score
17Questions 9Answers
0Snippets likes 0Snippets