부트 스트랩 탐색 알약에 외부 또는 로컬 HTML 링크를 어떻게 제공합니까?

Question

다른 웹 페이지를 내 그림 탐색 메뉴에 연결해야합니다. 예 : 내 그림 메뉴를 클릭하면 google.com이 열립니다.

프레임 워크 : 4

div class="row row2"> 
     <div class="col-md-12"> 
      <ul class="nav nav-pills justify-content-center nav-justified" role="tablist"> 
       <li class="nav-item"> 
        <a class="nav-link" data-toggle="pill" href="#">About me</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" data-toggle="pill" href="#">My pictures</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" data-toggle="pill" href="#">My music</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" data-toggle="pill" href="#">My files</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" data-toggle="pill" href="#">My videos</a> 
       </li> 
      </ul> 
     </div> 
    </div> 

Answer 1

부트 스트랩이 작동합니다 :)

이

<div class="row row2"> 
     <div class="col-md-12"> 
      <ul class="nav nav-pills justify-content-center nav-justified" role="tablist"> 
       <li class="nav-item"> 
        <a class="nav-link" data-toggle="pill" href="#">About me</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" target="_blank" href="http://google.com">My pictures</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" data-toggle="pill" href="#">My music</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" data-toggle="pill" href="#">My files</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" data-toggle="pill" href="#">My videos</a> 
       </li> 
      </ul> 
     </div> 
    </div> 

Answer 2

이 내 질문에 대한 올바른 코드입니다. 나는 너의 도움으로 이것을 해결한다. 감사합니다

HTML을

<div class="row row2"> 
     <div class="col-md-12"> 
      <ul class="nav nav-pills justify-content-center nav-justified" role="tablist"> 
       <li class="nav-item"> 
        <a class="nav-link" href="about_me.html">About me</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" href="my_pictures.html">My pictures</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" href="my_music.html">My music</a> 
       </li> 
       <li class="nav-item active"> 
        <a class="nav-link" href="my_files.html">My files</a> 
       </li> 
       <li class="nav-item"> 
        <a class="nav-link" href="my_videos.html">My videos</a> 
       </li> 
      </ul> 
     </div> 
    </div> 

CSS는

.active { 
    background-color: #39a0c9 !important; 
    color: #fff !important; 
}