Simple jQuery script to add Bootstrap navigation's active class automatically.

bootstrap_nav.js

$(document).ready(function() {

  var path = window.location.pathname;
  var filename = path.match(/.*\/([^/]+)\.([^?]+)/i)[1];
  
  if (filename == "index") {
    $( "#index" ).addClass( "active" );
  }
  else if (filename == "profile") {
    $( "#profile" ).addClass( "active" );
  }
  else if (filename == "recommended_site") {
    $( "#recommended-site" ).addClass( "active" );
  }
  else {
    console.log("Cannot find matching ID");
  }
    
})

우아아아아 ㅠㅠ ㅋㅋ 감사합니다. ㅋㅋ