Загрузка внешнего CSS-файла в определенный div

Question

Я хотел загрузить внешний файл с именем для //maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css в конкретном div с его идентификатором, названным для registerForm.

Вот мои фрагменты кода, как показано ниже.

html side

<div id="registerForm">
        <style scoped>
            @import "//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css";
        </style>
   ...
   </div>

Этот файл CSS не может быть реализован в конкретном div. Он просто охватывает все HTML-эффекты кода других div.

Я также попробовал этот метод, показанный ниже, но ничего не изменилось.

<style type="text/css" scoped="true">
            @import url('${pageContext.request.contextPath}/css/bootstrap.min.css');
        </style>


<script
    src="${pageContext.request.contextPath}/js/jquery.scoped.js"></script>

Как я могу это сделать?