Close

Bootstrap Tabs with Table

This is an example of a data table with tabs, designed using CSS, HTML, and Bootstrap framework 4. The Bootstrap styles have been I ported to the code with their URLs. The form consists of three tabs that display three tables. The tabs are given a style set of font color as #0062cc, background-color as transparent, border-color as transparent transparent #f3f3f3, border-bottom as 3px solid, font-size as 16px, and font-weight as bold. The table rows are given the styles of border as 1px solid transparent, font color as #0062cc, font-size as 16px, and font-weight as 600. The table row items have been created as links to external pages, which take an underline effect in a hover event. The table row items are displayed using the styles of color as #333, and font-weight as 600. Source: https://bootsnipp.com/snippets/AlZ7g

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.