Lopez Nlak Lopez Nlak - 1 year ago 79
CSS Question

html bootstrap how to make it right width?

This is what I want to fix , and I was wondering how I can make this fit my screen?
enter image description here

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


Updated, thank you with html
and this is from this bootstrap website
enter image description here

Answer Source

The code is working well with full width with the code you provided.Try it without the header.html to see it. enter image description here

So the issue is with the Support,Login,Signup buttons in header which is interfering with your tab. You'll have to post that code too to solve it.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download