Responsive navbar
See original GitHub issueHi guys, This library is just an awesome box to start with angular while dependent on bootstrap css. I’m creating a navbar and just got through an issue here. Probably it’s a new-feature request or it can be said as a bootstrap-feature not yet in ng-bootstrap.
Feature description:
Look at this link where you can set collapsible navbar based on the size of the screen. Bootstrap 4 documentation for navbar
This can be seen in responsive navbar
section of this link. To the point, it actually uses navbar-toggleable-xs
class to define this functionality. The navbar comes collapsible only when the screen size is xs, otherwise, its a regular navbar.
Version of Angular, ng-bootstrap, and Bootstrap:
Angular2: 2.0.1
ng-bootstrap: 1.0.0-alpha.6
Bootstrap: 4.0.0-alpha.4
Issue Analytics
- State:
- Created 7 years ago
- Comments:30 (5 by maintainers)
Top Results From Across the Web
How To Create a Responsive Top Navigation Menu
Learn how to create a responsive top navigation menu with CSS and JavaScript. Responsive Navigation Bar. Resize the browser window to see how...
Read more >How to Build a Responsive Navigation Bar Using HTML and ...
Calling all beginner web devs: this tutorial will give you the skills you need to create your own respsonive navbars using just HTML...
Read more >How to Create a Responsive Navbar Using Material UI and ...
In this article, we will be looking at how to create a responsive navigation bar using the Material UI component and adapt it...
Read more >Responsive Navigation Bar with mobile menu using HTML ...
Any website on the web should be responsive in the modern web era. One of the must-do task is to create a navigation...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi @ravipunjwani
We already have the NgbCollapse directive to do that. Replace the bootstrap example by the following snippet, and you’ll have the equivalent.
Is there something more needed?
@mcescalante you can always check our demo page code where we’ve got responsive navbar: https://github.com/ng-bootstrap/ng-bootstrap/blob/5886946c28597a584c196671bc54053cb06d3459/demo/src/app/app.component.html#L2-L41