html bootstrap如何使其宽度合适？

Question

这就是我想解决的问题，我想知道如何才能让这个适合我的屏幕？

{% extends "header.html" %}

{% block body %}

<div role="tabpanel">

  <!-- Nav tabs -->
 <div class="row">
 <ul class="nav nav-tabs nav-justified" role="tablist">
     <li role="presentation" class="active"><a href="#" aria-controls=""      role="tab" data-toggle="tab">test1</a></li>
     <li role="presentation"><a href="#" aria-controls="" role="tab" data-toggle="tab">test2</a></li>
     <li role="presentation"><a href="#" aria-controls="" role="tab" data-     toggle="tab">test3</a></li>

   </ul>
 </div>

  <!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane fade in active" id="basics">
    <ul>
       <li>dfadsfasf</li>
       <li>jjh</li>
       <li>assggg</li>
    </ul>
  </div>

  <div role="tabpanel" class="tab-pane fade" id="wdev">!</div>

  <div role="tabpanel" class="tab-pane fade" id="dan">!#</div>

</div>

</div>

{% endblock %}

更新了，谢谢html 这是来自这个bootstrap网站

Answer 1

代码与您提供的代码一起使用全宽度。请在没有header.html的情况下尝试查看它。

所以问题在于标题中的支持，登录，注册按钮会干扰您的标签。您也必须发布该代码才能解决问题。

Answer 2

像这样

Gemfile.lock