关于bootstrap--表格(tr的各种样式)

只需要<tr class="active">就可以用active样式。

特别提示:除了”.active”之外,其他四个类名和”.table-hover”配合使用时,Bootstrap针对这几种样式也做了相应的悬浮状态的样式设置,所以如果需要给tr元素添加其他颜色样式时,在”.table-hover”表格中也要做相应的调整。

注意要实现悬浮状态,需要在<table>标签上加入table-hover类:<table class="table-hover">。

时间: 2024-10-12 13:44:04

关于bootstrap--表格(tr的各种样式)的相关文章

Bootstrap表格

一.Bootstrap表格简介: 表格是Bootstrap的一个基础组件之一,Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格. ?  .table:基础表格 ?  .table-striped:斑马线表格 ?  .table-bordered:带边框的表格 ?  .table-hover:鼠标悬停高亮的表格 ?  .table-condensed:紧凑型表格 ?  .table-responsive:响应式表格 在使用Bootstrap的表格过程中,只需要添加对

Bootstrap 表格

Bootstrap提供了一个清晰的创建表格的布局 <table>标签:为表格添加基础的样式. <thead>标签:表格标题行的容器元素(<tr>),用来标识表格列. <tbody>标签:表格主题中的表格行的容器元素(<tr>). <tfood>标签:表格底部中的表格行的容器元素(<tr>). <tr>标签 :一组出现在单行上的表格单元格的容器元素(<td> 或 <th>). <td

Bootstrap 表格 笔记

Bootstrap 表格 Bootstrap 提供了一个清晰的创建表格的布局.下表列出了 Bootstrap 支持的一些表格元素: 标签 描述 <table> 为表格添加基础样式. <thead> 表格标题行的容器元素(<tr>),用来标识表格列. <tbody> 表格主体中的表格行的容器元素(<tr>). <tr> 一组出现在单行上的表格单元格的容器元素(<td> 或 <th>). <td> 默认

【原创】bootstrap框架的学习 第七课 -[bootstrap表格]

Bootstrap 表格 标签 描述 <table> 为表格添加基础样式. <thead> 表格标题行的容器元素(<tr>),用来标识表格列. <tbody> 表格主体中的表格行的容器元素(<tr>). <tr> 一组出现在单行上的表格单元格的容器元素(<td> 或 <th>). <td> 默认的表格单元格. <th> 特殊的表格单元格,用来标识列或行(取决于范围和位置).必须在 <

Java单体应用 - 常用框架 - 01.Bootstrap - 表格

原文地址:http://www.work100.net/training/monolithic-frameworks-bootstrap-table.html 更多教程:光束云 - 免费课程 表格 序号 文内章节 视频 1 概述 - 2 表格类 - 3 表格元素类 - 4 基本的表格 - 请参照如上章节导航进行阅读 1.概述 Bootstrap 提供了一个清晰的创建表格的布局.下表列出了 Bootstrap 支持的一些表格元素: 标签 描述 <table> 为表格添加基础样式 <thea

jQuery动态生成Bootstrap表格

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getS

Dom文本应用-表格隔行间亮样式

效果:  隔行一个颜色,鼠标移上去,被选中的那一行就变颜色,其次,鼠标离开其区域,颜色又变回原来的颜色. 一.表格隔行间亮样式-HTML代码 首先我们要有个表格 1 <table id='tab1' border=1 , align='center' ,, solid> 2 <thead> 3 <td>编号</td><td>姓名</td><td>年龄</td> 4 <thead> 5 <tbo

Bootstrap历练实例:链接样式按钮

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Bootstrap历练实例:链接样式按钮</title> <meta charset="utf-8" /> <meta name="view

bootstrap表格添加按钮、模态框实现

bootstrap表格添加按钮.模态框实现 原创 2017年07月20日 17:35:48 标签: bootstrap 1723 bootstrap表格添加按钮.模态框实现 - 需求: 需要表格后面每一列后面都有"添加""删除"按钮.如下图 - 源码如下 <script> function operateFormatter(value, row, index) { return [ '<button type="button"