boostrap里面的表格样式

我不是女神ヾ 2022-07-15 12:17 165阅读 0赞

<html>
    <head>
        <title>Bootstrap 实例</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
    </head>
    <body>
    <div class="container">
     首先引用一个<div class="container"></div>  这个是一个容器的盒子
        包内容都显示子啊屏幕的中间位置.
        <div class="table-responsive">
            <table class="table table-bordered table-striped">
        <tr><th>1</th><th>name</th><th>start</th></tr>
                <tr><td>jone</td><td>jetty</td><td>tomcat</td></tr>
                <tr><td>jone</td><td>jetty</td><td>tomcat</td></tr>
                <tr><td>jone</td><td>jetty</td><td>tomcat</td></tr>
            </table>
        </div>
    
    </div>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    </body>
     </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，165人围观）

还没有评论，来说两句吧...

相关阅读

相关美化的表格样式

<html> <head> <title></title> <style type="text/css"> body,table\{ fo

末蓝、/ 2023年01月13日 15:52/ 0 赞/ 179 阅读

相关好看的表格样式

效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F

傷城~/ 2022年12月30日 08:26/ 0 赞/ 216 阅读

相关 Boostrap技能点整理之【按钮样式】

![format_png][] ![format_png 1][] 昨天我们看了看bootstrap的网（栅）格系统，想必都对bootstrap网格系统有个大致的了解，今天

末蓝、/ 2022年12月25日 01:56/ 0 赞/ 163 阅读

相关 boostrap自定义弹出框的样式和内容

效果图 ![效果图][20200909150655451.png_pic_center] html部分 <div > <span data

小咪咪/ 2022年12月05日 05:24/ 0 赞/ 197 阅读

相关表格样式

表格样式 1.表格边框任务描述相关知识代码文件 2.表格颜色、文字与大小任务描述

ゝ一纸荒年。/ 2022年11月15日 11:49/ 0 赞/ 237 阅读

相关 boostrap里面的表格样式

<html> <head> <title>Bootstrap 实例</title> <meta name="viewport"

我不是女神ヾ/ 2022年07月15日 12:17/ 0 赞/ 166 阅读

相关基于boostrap icon 动态显示导航栏样式

![Center][] \--------------------------------------------------------------------------

本是古典何须时尚/ 2022年07月10日 04:23/ 0 赞/ 163 阅读

相关表格导出的样式

HSSFSheet sheet = workbook.createSheet(“sheetName”); //创建sheet sheet.setVerticallyCent

深藏阁楼爱情的钟/ 2022年06月09日 06:42/ 0 赞/ 259 阅读

相关修改boostrap中tab样式

/tab样式/ .nav-tabs{ background: FFFFFF;

待我称王封你为后i/ 2022年06月01日 01:12/ 0 赞/ 203 阅读

相关表格样式

<style type="text/css"> table.datalist \{ border-collapse: collapse; border: non

红太狼/ 2022年04月14日 01:46/ 0 赞/ 380 阅读