Basic table:
<table><tr><td>Username</td><td>Password</td></tr><tr><td>Ahhh</td><td>1111</td></tr></table>
Adding a .table class to the <table> tag can give it basic style, a small amount of padding and horizontal dividers.
The display effect is as follows:
Striped form:
Adding: class="table table-striped" to the table tag can add zebra stripes to each row within the tbody
<table><tr><td>Username</td><td>Password</td></tr><tr><td>Ahhh</td><td>1111</td></tr></table>
The display effect is as follows:
Table with borders:
Add class="table table-bordered" to the table tag to add borders to each cell of the table.
<table><tr><td>Username</td><td>Password</td></tr><tr><td>Ahhh</td><td>1111</td></tr></table>
The display effect is as follows:
Tightening Form:
Adding the .table-condensed class can make the table more compact, and the padding in the cells will be reduced by half.
<table><tr><td>Username</td><td>Password</td></tr><tr><td>Ahhh</td><td>1111</td></tr></table>
The display effect is as follows:
Responsive table:
Wrap any .table element within the .table-responsive element and create a responsive table that scrolls horizontally on a small screen device (less than 768px). When the screen is larger than 768px width, the horizontal scroll bar disappears
<div><table><tr><td>Username</td><td>Password</td></tr><tr><td>Ahhh</td><td>1111</td></tr></table></div>
The above is the full description of the sixth Bootstrap form style introduction introduced by the editor. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support to Wulin.com website!