详解eclipse中如何使用bootstrap?(附代码)


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

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

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<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>

</head>

<body>

    <table class="table table-striped">

  

        <thead>          

                <th>id</th>

                <th>username</th>

                <th>password</th>

        </thead>

        <tbody>

            <tr>

                <td>1</td>

                <td>李疆</td>

                <td>111</td>

            </tr>

            <tr>

                <td>2</td>

                <td>李二</td>

                <td>222</td>

            </tr>

            <tr>

                <td>3</td>

                <td>张三</td>

                <td>333</td>

            </tr>

        </tbody>

  

    </table>

    <button type="button" class="btn btn-success">成功按钮</button>

</body>

</html>

4、运行结果

更多编程相关知识,请访问:编程入门!!

以上就是详解eclipse中如何使用bootstrap?(附代码)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

浅谈css grid比bootstrap更适合创建布局的原因

bootstrap怎么设置面板大小

bootstrap轮播太慢怎么设置

bootstrap如何给div设置边框颜色

bootstrap如何制作下拉菜单

bootstrap有必要学吗

bootstrap什么时候使用

如何使用bootstrap实现年月日的时间选择器

bootstrap是css框架吗

bootstrap input样式修改的方法

更多相关阅读请进入《Eclipse》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...