BootStrap Tabpanel不显示选项卡内容

Question

我的tabpanel似乎与我的标签内容正确链接，但是当我更改标签时它没有显示标签内容。我怎样才能解决这个问题？

 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

               

<div>
    <ul class="nav nav-pills" role="tablist">
        <li role="presentation" class="active"><a href="#cust" aria-controls="cust" role="tab" data-toggle="pill">Customers</a></li>
        <li role="presentation"><a href="#sales" aria-controls="sales" role="tab" data-toggle="pill">Sales</a></li>
    </ul>

 <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="cust">
        This option is for those who want to work with angular offline, or those who want to host the angular files on their own servers.
  </div>
    <div role="tabpanel" class="tab-pane" id="sales">
        lkjdlkfjlkdlkfj  ldjfldjfljdlkdjf ljlkdjlkjlkdjf 
  </div>
 </div>
</div>