html bootstrap wie man es richtig macht Breite?

Question

Das möchte ich beheben, und ich frage mich, wie ich das auf meinen Bildschirm bringen kann?

{% 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 %} 

aktualisiert, danke mit html und dies ist von dieser Bootstrap-Website

Answer 1

Der Code auch mit dem Code mit voller Breite arbeitet Sie zur Verfügung gestellt. Versuchen Sie es ohne die header.html um es zu sehen.

So ist das Problem mit den Support, Login, Signup-Schaltflächen im Header, die Ihre Registerkarte stören. Sie müssen diesen Code auch posten, um ihn zu lösen.

Answer 2

wie diese

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