Maison > interface Web > Tutoriel d'amorçage > Parlons de la façon d'importer bootstrap dans les pages jsp

Parlons de la façon d'importer bootstrap dans les pages jsp

青灯夜游
Libérer: 2021-02-07 18:24:03
avant
3188 Les gens l'ont consulté

Parlons de la façon d'importer bootstrap dans les pages jsp

Recommandations associées : "tutoriel bootstrap"

1. Importez d'abord les trois fichiers suivants dans WebContent (allez sur le site officiel pour les télécharger). vous-même : bootstrap , jQuery)

2. Créez un nouveau .jsp , tel que index.jsp , importez maintenant les fichiers suivants dans la balise , en vous assurant que l'ordre ne peut pas être inversé

<script src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"  rel="stylesheet">
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
Copier après la connexion

3. Ensuite, vous pouvez utiliser boostrap, ajoutez simplement "class" au fichier. étiqueter. Vous pouvez aller sur ici Choisissez le style que vous voulez

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here
<script src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"  rel="stylesheet">
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>


    
id username password
1 李疆 111
2 李二 222
3 张三 333
Copier après la connexion

Résultats de course

Pour plus de connaissances liées à la programmation, veuillez visiter :

Enseignement de la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal