我正在使用Bulma,需要制作非响应式的导航栏。我不想要汉堡菜单或折叠式导航。
然而我无法找到如何实现这一点,文档中也没有提及。
Bootstrap有一个可以添加的类来支持这个功能,那么在Bulma中能否实现呢?
我正在使用Bulma,需要制作非响应式的导航栏。我不想要汉堡菜单或折叠式导航。
然而我无法找到如何实现这一点,文档中也没有提及。
Bootstrap有一个可以添加的类来支持这个功能,那么在Bulma中能否实现呢?
.navbar-menu
是在移动设备上隐藏导航栏的类。一个解决方法是不要使用该类。许多Bulma项目(例如导航栏)都有可选元素。您可以省略 .navbar-menu
和 .navbar-burger
元素,它仍然有效。请参见下面的示例。<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.min.css" rel="stylesheet"/>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://bulma.io">
<img src="https://bulma.io/images/bulma-logo.png" width="112" height="28">
</a>
<a class="navbar-item">
Home
</a>
<a class="navbar-item">
Documentation
</a>
</div>
</nav>
你需要自定义Sass变量。
$navbar-breakpoint:0;