表格的布局
由{{Navbox}}不带image、above和below参数生成的表格（添加了灰色的列表背景色仅仅是为了演示）：
| {{{title}}} |
|---|
| | {{{group1}}} | {{{list1}}} | | | {{{group2}}} | {{{list2}}} | | {{{list3}}} 不带 {{{group3}}} | | | {{{group4}}} | {{{list4}}} |
|
由{{Navbox}}带有image、above和below参数生成的表格（添加了灰色的列表背景色仅仅是为了演示）：
| {{{title}}} |
|---|
| | {{{above}}} | | | {{{group1}}} | {{{list1}}} | {{{image}}} | | | {{{group2}}} | {{{list2}}} | | {{{list3}}} 不带 {{{group3}}} | | | {{{group4}}} | {{{list4}}} | | | {{{below}}} |
|
由{{Navbox}}带有image、imageleft、lists，且不带groups、above、below生成的表格（添加了灰色的列表背景色仅仅是为了演示）：
| {{{title}}} |
|---|
| | {{{imageleft}}} | {{{list1}}} | {{{image}}} | | {{{list2}}} | | {{{list3}}} | | {{{list4}}} |
|
示例
不带图片
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|group1=排球部
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|group2=汽车部
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|group3=广播部
|list3=[[王大河]]
}}
带图片，不带分组
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|image=[[File:GUP_Ooarai.svg|80px]]
|group1=排球部
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|group2=汽车部
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|group3=广播部
|list3=[[王大河]]
}}
带两张图片，不带分组，多重列表
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|image=[[File:GUP_Ooarai.svg|80px]]
|imageleft=[[File:GUP Logo Alpha0.svg|80px]]
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|list3=[[王大河]]
}}
带有图片、分组、上方注释、下方注释
{{Navbox/sandbox
|listclass=hlist
|name = Navbox/sandbox/doc
|title = [[大洗女子学园]]学生社团成员
|image=[[File:GUP_Ooarai.svg|80px]]
|above = （仅列出参加了社团的成员）
|group1=排球部
|list1=<ul><li>[[矶边典子]]</li><li>[[河西忍]]</li><li>[[佐佐木明日]]</li><li>[[近藤妙子]]</li></ul>
|group2=汽车部
|list2=<ul><li>[[中岛丽罗]]</li><li>[[铃木(少女与战车)|铃木]]</li><li>[[星野(少女与战车)|星野]]</li><li>[[土屋(少女与战车)|土屋]]</li></ul>
|group3=广播部
|list3=[[王大河]]
|below = 《[[少女与战车]]》官网：https://girls-und-panzer.jp/
}}
子导航框
要在一个边框中放置多个导航框，可以使用border参数，或通过将第一个参数指定为“child”来实现。基本用法如下（为第一个组增加了一个子组）：
{{Navbox/sandbox
| name = {{subst:PAGENAME}}
| title = Title
| group1 = [optional]
| list1 = {{Navbox/sandbox|child
...child navbox parameters...
}}
...
}}
子分组示例
- 主页面：Template:Navbox subgroup
下面的示例展示了子分组的用法。{{Navbox subgroup}}是推荐的用法，但通过在{{Navbox}}加入border = child或将第一个参数（无名）设为child也可以达到同样的效果。“evenodd”参数用来调整某些子分组中条纹状颜色带的分布，以确保颜色带的排列正确。如果想去除所有的条纹颜色带，可以在每个Navbox中设置liststyle = background:transparent;。
| 子次级分组示例 |
|---|
| | 上方文字 | | | 分组1 | 列表1 |  | | | 分组2 | | | | 分组3 | 列表3 | | | 分组4 | | | | 下方文字 |
|
一个导航模板下包含其它导航模板
- 主页面：Template:Navbox with collapsible groups
下面的示例中，常规Navbox被用作容器，其list1、list2和list3参数各包含另外的Navbox（设置了1 = child）。“查•论•编”标题链接各通过navbar = plain或直接不填写“name”参数隐藏。（与常规Navbox不同，子Navbox不要求填写“name”参数。）
与其它导航框模板的关系
此导航框模板被特别设计使得能与另外两个姊妹模板协同工作：{{Navbox with columns}}和{{Navbox with collapsible groups}}。所有这三个模板共享常用的参数，以提高一致性与易用性（此类参数在上面的完整参数列表中用†作了标记）。最重要的是，所有这三个模板能互相被用作另一个的子模板（通过使用border = child参数，或将第一个参数（无名）指定为child。例如，使用{{Navbox|child ...}}、{{Navbox with columns|child ...}}或{{Navbox with collapsible groups|child ...}}）。
技术细节
运作详情
- 列表单元格宽度初始被设置为100%。因此，如果你想手动设置分组单元格的宽度，你就需要同时指定liststyle使之有width:auto。如果你想设置分组宽度并使用图片，这取决于你已弄明白在groupstyle、liststyle、imagestyle和imageleftstyle参数中的CSS，以使所有部件都工作正常。以下两行是设置分组宽度的示例：
groupstyle = width:10em;liststyle = width:auto;
- 相邻的导航框在它们之间仅有一个1px的边框（除了在IE6中，因其不支持必需的CSS）。如果你设置了
style/bodystyle的顶端外边距（top margin）或底顶端外边距（bottom margin），那么此特性就不运作了。
- 外层导航框表格的缺省的左外边距（margin-left）和右外边距（margin-right）被设置为“auto;”。如果你想使用导航框作为一个浮动对象（float），你需要手动设置左外边距和右外边距的值，因为自动外边距（auto margins)会阻止浮动（float）选项。例如，添加下列代码来使用导航框作为一个浮动对象：
style = width:22em;float:right;margin-left:1em;margin-right:0em;
模板文档
