2017-01-26 2 views
-3

부트 스트랩 탭을 완전히 파괴해야합니다. Bootstrap docs에서 원래 마크 업 : 함수가 있습니까부트 스트랩 탭 완전히 제거

<div> 

    <ul> 
    <li class="active"><a href="#home">Home</a></li> 
    <li><a href="#profile">Profile</a></li> 
    <li><a href="#messages">Messages</a></li> 
    <li><a href="#settings">Settings</a></li> 
    </ul> 

    <div> 
    <div class="active" id="home">...</div> 
    <div id="profile">...</div> 
    <div id="messages">...</div> 
    <div id="settings">...</div> 
    </div> 

</div> 

그래서 목표 등 모든 부트 스트랩 클래스, 청취자를 제거하는 것입니다 : 파괴 완료 한 후

<div> 

    <!-- Nav tabs --> 
    <ul class="nav nav-tabs" role="tablist"> 
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> 
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li> 
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li> 
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li> 
    </ul> 

    <!-- Tab panes --> 
    <div class="tab-content"> 
    <div role="tabpanel" class="tab-pane active" id="home">...</div> 
    <div role="tabpanel" class="tab-pane" id="profile">...</div> 
    <div role="tabpanel" class="tab-pane" id="messages">...</div> 
    <div role="tabpanel" class="tab-pane" id="settings">...</div> 
    </div> 

</div> 

원하는 마크 업이 같은 것입니다/그 방법에 대한 부트 스트랩 3의 방법?

, BTW 내가 $.removeClass('.nav, .nav-tabs, .tab-pane','#bla'); & $.removeAttr('role','#bla');

+0

모든 클래스를 제거하고 두 번째 코드 블록에있는 것처럼 마크 업을 사용하려면 그냥 수행하십시오. 부트 스트랩 탭처럼 계속 작동 시키려면 클래스가 필요하거나 자신의 css와 js를 수행하십시오. 나는 이것이 무엇에 관한 질문인지 이해하지 못한다 –

+0

내 것이 아닌 큰 코드가있다. 부트 스트랩 탭을 제거해야합니다. 그것이 질문입니다. – Martin

+0

나는 그러한 기능이 존재하지 않는다고 확신한다. –

답변

0

처럼 "솔루션"을 찾고 있지 않다하시기 바랍니다 당신이 원하는 않는 부트 스트랩 3에는 JS 기능이 없습니다. 문서 체크 아웃 http://getbootstrap.com/javascript/. 클라이언트 측 JavaScript를 사용하여 DOM에서 속성을 제거하거나 서버의 HTML을 영구적으로 변경하려고합니까?

어느 쪽이든, 일반적으로 수행되는 것이 아니기 때문에 목표를 달성하기 위해 사용자 정의 코드를 작성해야하는 것처럼 들립니다.

+0

물론 클라이언트 측에서 코드를 변경하려고합니다. – Martin