bootstap 选项卡问题

<div class="col-lg-7">

                      <div class="row">

                        <ul class="nav nav-tabs">

                          {list action=category module=news mid=news pid=0}

                          <li class=“active”> <a href="#qq{$key+1}" data-toggle="tab">{$t.name}</a> </li>

                          {/list}

                        </ul>

                        <div class="tab-content"> {list action=category module=news mid=news pid=0}

                          <div class="tab-pane fade in active" id="qq{$key+1}">

                            <ul class="list-unstyled syul">

                              {list action=module module=news catid=$t.id order=updatetime num=20 return=c}

                              <li><span class="badge badge-empty badge-success"></span> <a href="{$c.url}" class="title" title="{$c.title}">{dr_strcut($c.title, 40)}</a><span class="sj">{dr_date($c._updatetime, 'm/d', 'red')}&nbsp;&nbsp;</span> </li>

                              {/list}

                            </ul>

                          </div>

                          {/list} </div>

                      </div>

                    </div>

下图片是要显示效果   打开网页默认展开一项