2017-10-29 12:19:34 +00:00
|
|
|
---
|
|
|
|
|
layout: post
|
|
|
|
|
title: "New feature: fixed navbar"
|
|
|
|
|
introduction: "Fix your navbar at the top or bottom"
|
2018-01-18 16:59:05 +00:00
|
|
|
color: "success"
|
2017-10-29 12:19:34 +00:00
|
|
|
name: "Fixed navbar"
|
2017-11-14 10:47:21 +00:00
|
|
|
icon: "map-pin"
|
2017-10-29 12:19:34 +00:00
|
|
|
---
|
2017-10-29 20:41:55 +00:00
|
|
|
|
|
|
|
|
You can now fix a [navbar](/documentation/components/navbar/#fixed-navbar) to the **top** or the **bottom**:
|
|
|
|
|
|
|
|
|
|
<figure>
|
|
|
|
|
<video width="602.5" height="360" autoplay muted loop>
|
2018-10-12 10:23:32 +00:00
|
|
|
<source src="{{ site.url }}/images/blog/fixed-navbar.mp4" type="video/mp4">
|
2017-10-29 20:41:55 +00:00
|
|
|
</video>
|
|
|
|
|
</figure>
|
|
|
|
|
|
|
|
|
|
[Check it out!](/documentation/components/navbar/#fixed-navbar)
|
|
|
|
|
|
|
|
|
|
As a added **bonus**, the bottom navbar required a new **dropup** feature which has also been implemented!
|
|
|
|
|
|
|
|
|
|
<figure>
|
2018-10-12 10:23:32 +00:00
|
|
|
<a href="{{ site.url }}/documentation/components/navbar/#fixed-navbar">
|
|
|
|
|
<img src="{{ site.url }}/images/blog/dropup.png" alt="Navbar dropup" width="660" height="239">
|
2017-10-29 20:41:55 +00:00
|
|
|
</a>
|
|
|
|
|
</figure>
|
