bootstrap基础CSS组件

2025-12-13 05:06:32

1、在一个项目之中一定会存在很多的页面，每一个页面都会完成某些特定的工作，那么为了标注这些不同的页面，可以在每一个页面定义一个标题信息。页面样式使用".page-header"进行定义。

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

pageEncoding="UTF-8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

pageContext.setAttribute("APP_PATH",request.getContextPath());

</script>

<html>

<body>

</div>

</body>

</html>

bootstrap基础CSS组件

2、标签样式：

在很多时候需要针对于一些小的信息进行标注，为此bootstrap提供了一组标签样式。

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

pageEncoding="UTF-8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

pageContext.setAttribute("APP_PATH",request.getContextPath());

</script>

<html>

<body>

<div>百度在线(<span class="label label-success">www.baidu.com</span>)</div>

</div>

</body>

</html>

bootstrap基础CSS组件

3、在很多的评论系统之中经常可以出现评论的引用，那么这样的引用效果使用“.well”样式可以表现的明显。

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

pageEncoding="UTF-8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

pageContext.setAttribute("APP_PATH",request.getContextPath());

</script>

<html>

<body>

</div>

</body>

</html>

bootstrap基础CSS组件

4、一个非常高大上的长点一定会首先给用户一个非常有冲击力的首页。在bootstrap中里面提供有".jumbotron"样式。

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

pageEncoding="UTF-8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

pageContext.setAttribute("APP_PATH",request.getContextPath());

</script>

<html>

<body>

<h1>百度集在线</h1>

</div>

</body>

</html>

bootstrap基础CSS组件

5、在浏览器中查看展播的效果展示：

bootstrap基础CSS组件

6、bootstrap基础样式总结：

bootstrap基础CSS组件

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。