工具栏是一个水平排列的组件的集合，可以包含文本、链接、按钮、图标按钮等元素。
工具栏组件使用纯 CSS 编写，只需编写 HTML 代码即可生效。
默认为透明背景，添加类 .mdui-color-[color] 可以设置背景色。
在工具栏中可以放置：
<span>Title</span><a href="#">Link</a><a href="#" class="mdui-btn">button</a><a href="#" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">menu</i></a><i class="mdui-icon material-icons">menu</i> 添加 <div class="mdui-toolbar-spacer"></div> 会将该元素两边的内容推向两侧。
<div class="mdui-toolbar">
<a href="javascript:;" class="mdui-btn mdui-btn-icon">
<i class="mdui-icon material-icons">menu</i>
</a>
<span class="mdui-typo-title">Title</span>
<div class="mdui-toolbar-spacer"></div>
<a href="javascript:;" class="mdui-btn mdui-btn-icon">
<i class="mdui-icon material-icons">search</i>
</a>
<a href="javascript:;" class="mdui-btn mdui-btn-icon">
<i class="mdui-icon material-icons">refresh</i>
</a>
<a href="javascript:;" class="mdui-btn mdui-btn-icon">
<i class="mdui-icon material-icons">more_vert</i>
</a>
</div><div class="mdui-toolbar mdui-color-theme">
<a href="javascript:;" class="mdui-btn mdui-btn-icon">
<i class="mdui-icon material-icons">menu</i>
</a>
<span class="mdui-typo-title">Title</span>
<div class="mdui-toolbar-spacer"></div>
<a href="javascript:;" class="mdui-btn mdui-btn-icon">
<i class="mdui-icon material-icons">search</i>
</a>
<a href="javascript:;" class="mdui-btn mdui-btn-icon">
<i class="mdui-icon material-icons">refresh</i>
</a>
<a href="javascript:;" class="mdui-btn mdui-btn-icon">
<i class="mdui-icon material-icons">more_vert</i>
</a>
</div>