In the previous article, I introduced the BootStrap3 study notes (1) and the grid system Bootstrap3 study notes (2) and the layout of the Bootstrap3 study notes (2) in the grid system.
Just use the .table class on the table tag to use bootstrap's default table style
If the line background needs to be alternating, you can set it like this:
The code copy is as follows:
<table>
If you need a border, you can set it like this:
The code copy is as follows:
<table>
If you want the mouse to move to the content line to have a responsive effect, you can set it like this:
The code copy is as follows:
<table>
If you want the table to be compact and save space, you can set it like this. The cell's pedding will be cut to 4px, and the default padding is 8px:
The code copy is as follows:
<table>
You can also add a specific style to a row:
<tr><tr><tr><tr><tr>
In order to display consistently on different devices, you can also use responsive settings for the table. Use div to modify it outside the table, which will automatically adapt to devices less than or greater than 768px:
The code copy is as follows:
<div>
Bootstrap supports table elements:
The above is the relevant knowledge of the Bootstrap3 study notes (III) form introduced to you by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. Thank you very much for your support to Wulin.com website!