-- We learn not just technology, but also dreams!
Home HTML JAVASCRIPT CSS VUE REACT PYTHON3 JAVA C C++ C# AI GO SQL LINUX VS CODE BOOTSTRAP GIT Local Bookmarks
Bootstrap Tutorial
Bootstrap Tutorial
Bootstrap Introduction
Bootstrap Environment Installation
Bootstrap CSS
Bootstrap CSS Overview
Bootstrap Grid System
Bootstrap Typography
Bootstrap Code
Bootstrap Tables
Bootstrap Forms
Bootstrap Buttons
Bootstrap Images
Bootstrap Utility Classes
Bootstrap Responsive Utilities
Bootstrap Layout Components
Bootstrap Font Icons
Bootstrap Dropdown Menus
Bootstrap Button Groups
Bootstrap Button Dropdown Menus
Bootstrap Input Group
Bootstrap Navigation Elements
Bootstrap Navbar
Bootstrap Breadcrumb Navigation
Bootstrap Pagination
Bootstrap Tags
Bootstrap Badges
Bootstrap Jumbotron
Bootstrap Page Header
Bootstrap Thumbnails
Bootstrap Alerts
Bootstrap Progress Bars
Bootstrap Media Objects
Bootstrap List Groups
Bootstrap Panels
Bootstrap Wells
Bootstrap Create a Webpage
Bootstrap Plugins
Bootstrap Plugin Overview
Bootstrap Transitions
Bootstrap Modals
Bootstrap Dropdown Menus
Bootstrap Scrollspy
Bootstrap Tabs
Bootstrap Tooltips
Bootstrap Popovers
Bootstrap Alerts
Bootstrap Buttons
Bootstrap Collapse
Bootstrap Carousel
Bootstrap Affix Navigation
Bootstrap Others
Bootstrap UI Editor
Bootstrap v2 Tutorial
Bootstrap HTML Coding Standards
Bootstrap CSS Coding Standards
Bootstrap Visual Layout
Less Tutorial
Bootstrap Typography
Bootstrap Forms
In-depth Exploration
Weibo
Web Design and Development
Scripts
Software
Search
Computer Science
Web Service
Network Services
Programming
Development Tools
Tip: You are currently viewing Bootstrap 2.x version. For Bootstrap 3.x version, click here.
Bootstrap Tables
Introduction
In this tutorial, you will learn how to use the Bootstrap toolkit to create tables.
Explanation
The table styles are included in bootstrap.css of Bootstrap version 2.0 from line 1034 to line 1167.
As you know, tables are used only to present tabular data. The same applies to Bootstrap—the markup must be structured as follows:
If you use column headers, the hierarchy should look like this:
Simple Bootstrap Table Example
Example
| Student-ID |
First Name |
Last Name |
Grade |
| 001 |
Rammohan |
Reddy |
A+ |
| 002 |
Smita |
Pallod |
A |
| 003 |
Rabindranath |
Sen |
A+ |
Output
View Online
Try it »
Bootstrap Striped Table Example
This table uses the .table-striped CSS class, which is defined in the relevant Bootstrap CSS file with the class name .table-striped.
Example
| Student-ID |
First Name |
Last Name |
Grade |
| 001 |
Rammohan |
Reddy |
A+ |
| 002 |
Smita |
Pallod |
A |
| 003 |
Rabindranath |
Sen |
A+ |
Output
View Online
View the above example in different browser windows.
Click here to download all HTML, CSS, JS, and image files used in this tutorial.
Bootstrap Typography
Bootstrap Forms
Byte Ark Coding Plan
Supports mainstream large models such as Doubao, GLM, DeepSeek, Kimi, MiniMax, etc., officially supplied for stable and reliable service.
¥9.9
/ month
Activate Now
iFlytek Xingchen Coding Plan
Includes free model call credits, supporting DeepSeek, GLM, Kimi, MiniMax, and providing a one-stop experience and deployment platform.
¥3.9
/ month
Activate Now
Click here to share notes
Category Navigation
Python / Data Science
AI / Intelligent Development
Frontend Development
Backend Development
Database
Mobile Development
DevOps / Engineering
Programming Languages
Computer Basics
XML / Web Service
.NET
Website Construction
Advertisement
Bootstrap Tutorial
Bootstrap Tutorial
Bootstrap Introduction
Bootstrap Environment Installation
Bootstrap CSS
Bootstrap CSS Overview
Bootstrap Grid System
Bootstrap Typography
Bootstrap Code
Bootstrap Tables
Bootstrap Forms
Bootstrap Buttons
Bootstrap Images
Bootstrap Utility Classes
Bootstrap Responsive Utilities
Bootstrap Layout Components
Bootstrap Font Icons
Bootstrap Dropdown Menus
Bootstrap Button Groups
Bootstrap Button Dropdown Menus
Bootstrap Input Group
Bootstrap Navigation Elements
Bootstrap Navbar
Bootstrap Breadcrumb Navigation
Bootstrap Pagination
Bootstrap Tags
Bootstrap Badges
Bootstrap Jumbotron
Bootstrap Page Header
Bootstrap Thumbnails
Bootstrap Alerts
Bootstrap Progress Bars
Bootstrap Media Objects
Bootstrap List Groups
Bootstrap Panels
Bootstrap Wells
Bootstrap Create a Webpage
Bootstrap Plugins
Bootstrap Plugin Overview
Bootstrap Transitions
Bootstrap Modals
Bootstrap Dropdown Menus
Bootstrap Scrollspy
Bootstrap Tabs
Bootstrap Tooltips
Bootstrap Popovers
Bootstrap Alerts
Bootstrap Buttons
Bootstrap Collapse
Bootstrap Carousel
Bootstrap Affix Navigation
Bootstrap Others
Bootstrap UI Editor
Bootstrap v2 Tutorial
Bootstrap HTML Coding Standards
Bootstrap CSS Coding Standards
Bootstrap Visual Layout
Less Tutorial
Online Examples
·HTML Examples
·CSS Examples
·JavaScript Examples
·Ajax Examples
·jQuery Examples
·XML Examples
·Java Examples
Character Sets & Tools
· HTML Character Set Settings
· HTML ASCII Character Set
· JS Obfuscation/Encryption
· PNG/JPEG Image Compression
· HTML Color Picker
· JSON Formatter
· Random Number Generator
Latest Updates
· docker compose ...
· GraphRAG Introductory Tutorial
· Dart Enums and Symbols
· Dart Unit Testing
· Dart Concurrency and Iso...
· Dart Stream
· Dart Asynchronous Programming
Site Information
· Feedback
· Disclaimer
· About Us
· Article Archive
Follow WeChat
My Favorites
Mark Articles
Browsing History
Clear All
No Records Yet
YouTip