htmlブートストラップ正しい幅にする方法は？

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 をあなたに感謝し、この

<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> 

Answer 1

のようなコードは、コードあなたと全幅でうまく機能している、これは、このブートストラップウェブサイト から

Answer 2

ですそれを見てheader.htmlせずにしてください。

あなたのタブを妨害しているヘッダーの[サポート]、[ログイン]、[サインアップ]ボタンで問題が発生します。あなたはそれを解決するためにあまりにもコードを投稿する必要があります。