mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 02:04:29 -07:00
Add fixed navbar blog post
This commit is contained in:
@@ -5,5 +5,22 @@ introduction: "Fix your navbar at the top or bottom"
|
|||||||
color: "info"
|
color: "info"
|
||||||
name: "Fixed navbar"
|
name: "Fixed navbar"
|
||||||
icon: "fix"
|
icon: "fix"
|
||||||
published: true
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
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>
|
||||||
|
<source src="/images/blog/fixed-navbar.mp4" type="video/mp4">
|
||||||
|
</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>
|
||||||
|
<a href="/documentation/components/navbar/#fixed-navbar">
|
||||||
|
<img src="/images/blog/dropup.png" alt="Navbar dropup" width="660" height="239">
|
||||||
|
</a>
|
||||||
|
</figure>
|
||||||
|
|||||||
BIN
docs/images/blog/dropup.png
Normal file
BIN
docs/images/blog/dropup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
docs/images/blog/fixed-navbar.mp4
Normal file
BIN
docs/images/blog/fixed-navbar.mp4
Normal file
Binary file not shown.
Reference in New Issue
Block a user