How to change container to container fluid in Angular Bootst

Topic: How to change container to container fluid in Angular Bootstrap mega menu component

tattoodxb free asked 5 years ago

By default angular mega menu component outputs


<nav class="navbar navbar-expand-lg p-0 ">
    <div class="container" ng-reflect-ng-class="[object Object]" ng-reflect-ng-style="[object Object]">
        <a _ngcontent-c1="" class="navbar-brand logo-link" href="#">Navbar</a>
    </div>
</nav>

However i want to change the (container) class to (container-fluid) as design requirements, so it will be like

<nav class="navbar navbar-expand-lg p-0 ">
    <div class="container-fluid" ng-reflect-ng-class="[object Object]" ng-reflect-ng-style="[object Object]">
        <a _ngcontent-c1="" class="navbar-brand logo-link" href="#">Navbar</a>
    </div>
</nav>

Thanks in advance

Add comment

Arkadiusz Idzikowski staff answered 5 years ago

1 0 Best answer

Hello,

Unfortunately there is no easy way to add custom class to this element. You can remove the container from mdb-navbar component with [containerInside]="false".

<mdb-navbar [containerInside]="false"></mdb-navbar>

Regards,

Arek

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: Free
Premium support: No
Technology: MDB Angular
MDB Version: 6.2.3
Device: mac
Browser: chrome
OS: mojave
Provided sample code: Yes
Provided link: No

tattoodxb

60Support score
6Questions 3Answers 0Snippets