底部带标签的工具栏与视图的关联

     底部带标签的工具栏需要配合标签页使用，标签用于控制不同内容区的切换显示。
标签页的布局：

<div class="tabs">
  
  
  <div class="tab active" id="tab1">
    ... Tab 1 内容 ...
  div>
  
  <div class="tab" id="tab2">
    ... Tab 2 内容
  div>
  
  <div class="tab" id="tab3">
    ... Tab 3 内容 ...
  div>
div>

标签页间的切换：
完成标签组件HTML布局后，我们需要控件，以便用户可以在各标签间切换。
我们需要创建链接（< a >标签），它拥有名为”tab-link”的类，并且href属性值和目标标签页的id相同：

<a href="#tab1" class="tab-link active">Tab 1a>

<a href="#tab2" class="tab-link">Tab 2a>

<a href="#tab3" class="tab-link">Tab 3a>