2017-02-07 3 views
-2

이것은 수정하고 싶은 것이므로이 화면을 내 화면에 맞게 만들 수 있는지 궁금합니다. html bootstrap 올바른 크기로 만드는 방법은 무엇입니까?

업데이트 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 %} 
는 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> 
+0

문제를 재현하기 위해 전체 HTML을 제공해주십시오. – RahulB

+0

여기에서 달성하려는 것은 무엇입니까? –

+0

화면의 버튼을 만들려고합니다. –

답변

-1

당신 그것을 보시려면 header.html없이 보내주십시오. enter image description here

문제는 탭에 방해가되는 헤더의 지원, 로그인, 가입 버튼 문제입니다. 문제를 해결하려면 해당 코드를 게시해야합니다.

+0

흠은 제대로 작동하지 않았다. –

관련 문제