我正在使用Materializecss设计布局,在我的页眉/导航中,我需要显示一个搜索图标,当单击时,会展开搜索栏。
理想情况下,我希望它只占据整个页眉/顶部导航,但任何扩展/到搜索栏的内容都可以接受。
文档(http://materializecss.com/navbar.html)没有详细说明搜索栏,除了提到基本代码:
<nav>
<div class="nav-wrapper">
<form>
<div class="input-field">
<input id="search" type="search" required>
<label for="search"><i class="material-icons">search</i></label>
<i class="material-icons">close</i>
</div>
</form>
</div>
</nav>
我该如何处理这个问题?在Materializecss/Material Design中是否有标准的方法可以做到这一点,而我不知道?
非常感谢。