{"id":15068025,"url":"https://github.com/devendrakanojiya/bootstrapandtailwindclassescomparision","last_synced_at":"2026-02-18T08:32:17.789Z","repository":{"id":256742846,"uuid":"856289461","full_name":"devendrakanojiya/BootstrapAndTailwindClassesComparision","owner":"devendrakanojiya","description":"This document provides a comprehensive comparison of utility classes between Tailwind CSS and Bootstrap.","archived":false,"fork":false,"pushed_at":"2024-09-12T10:51:02.000Z","size":10,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-16T06:12:09.145Z","etag":null,"topics":["bootstrap","classes","comparison","css","framework","tailwindcss","utility","utility-library"],"latest_commit_sha":null,"homepage":"https://devendrakanojiya.github.io/BootstrapAndTailwindClassesComparision/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devendrakanojiya.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-12T10:20:35.000Z","updated_at":"2024-09-12T10:51:05.000Z","dependencies_parsed_at":"2024-09-12T21:51:28.321Z","dependency_job_id":"46d29f75-ca1a-4ad0-ae8e-05fb66316c76","html_url":"https://github.com/devendrakanojiya/BootstrapAndTailwindClassesComparision","commit_stats":null,"previous_names":["devendrakanojiya/bootstrapandtailwindclassescomparision"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devendrakanojiya%2FBootstrapAndTailwindClassesComparision","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devendrakanojiya%2FBootstrapAndTailwindClassesComparision/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devendrakanojiya%2FBootstrapAndTailwindClassesComparision/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devendrakanojiya%2FBootstrapAndTailwindClassesComparision/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devendrakanojiya","download_url":"https://codeload.github.com/devendrakanojiya/BootstrapAndTailwindClassesComparision/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243830953,"owners_count":20354854,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","classes","comparison","css","framework","tailwindcss","utility","utility-library"],"created_at":"2024-09-25T01:29:57.084Z","updated_at":"2025-10-18T10:03:36.722Z","avatar_url":"https://github.com/devendrakanojiya.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Comparing Tailwind CSS and Bootstrap Utility Classes\r\n\r\nThis document provides a comprehensive comparison of utility classes between Tailwind CSS and Bootstrap.\r\n\r\n\r\n## Distinguish Between Bootstrap and Tailwind Classes\r\n\r\n| #   | Feature | Tailwind CSS | Bootstrap |\r\n| --- | --- | --- | --- |\r\n| 1   | Text Color | text-red-500 | text-danger |\r\n| 2   | Background Color | bg-blue-500 | bg-primary |\r\n| 3   | Margin | m-4 | m-4 |\r\n| 4   | Padding | p-4 | p-4 |\r\n| 5   | Font Size | text-xl | fs-4 |\r\n| 6   | Font Weight | font-bold | fw-bold |\r\n| 7   | Border Radius | rounded-lg | rounded |\r\n| 8   | Display | block | d-block |\r\n| 9   | Flexbox Container | flex | d-flex |\r\n| 10  | Grid Container | grid | d-grid |\r\n| 11  | Text Alignment | text-center | text-center |\r\n| 12  | Width | w-1/2 | w-50 |\r\n| 13  | Height | h-16 | h-100 |\r\n| 14  | Shadow | shadow-lg | shadow-lg |\r\n| 15  | Opacity | opacity-50 | opacity-50 |\r\n| 16  | Position | absolute | position-absolute |\r\n| 17  | Top/Bottom/Left/Right | top-0 | top-0 |\r\n| 18  | Z-Index | z-10 | z-index-10 |\r\n| 19  | Overflow | overflow-hidden | overflow-hidden |\r\n| 20  | Cursor | cursor-pointer | cursor-pointer |\r\n| 21  | Transition | transition-all | transition |\r\n| 22  | Animation | animate-bounce | animate-bounce |\r\n| 23  | Grid Column Span | col-span-2 | col-2 |\r\n| 24  | Flex Direction | flex-row | flex-row |\r\n| 25  | Justify Content | justify-center | justify-content-center |\r\n| 26  | Align Items | items-center | align-items-center |\r\n| 27  | Gap | gap-4 | gap-4 |\r\n| 28  | Order | order-1 | order-1 |\r\n| 29  | Visibility | visible | visible |\r\n| 30  | Pointer Events | pointer-events-none | pointer-events-none |\r\n| 31  | Background Gradient | bg-gradient-to-r | bg-gradient |\r\n| 32  | Border Color | border-red-500 | border-danger |\r\n| 33  | Border Width | border-2 | border-2 |\r\n| 34  | Border Style | border-dashed | border-dashed |\r\n| 35  | Border Opacity | border-opacity-50 | border-opacity-50 |\r\n| 36  | Box Shadow | shadow-md | shadow-md |\r\n| 37  | Font Family | font-sans | font-sans-serif |\r\n| 38  | Font Style | italic | fst-italic |\r\n| 39  | Letter Spacing | tracking-wide | letter-spacing-wide |\r\n| 40  | Line Height | leading-loose | lh-loose |\r\n| 41  | Max Width | max-w-full | mw-100 |\r\n| 42  | Text Transform | uppercase | text-uppercase |\r\n| 43  | Text Decoration | underline | text-decoration-underline |\r\n| 44  | Text Overflow | truncate | text-truncate |\r\n| 45  | Table Layout | table-fixed | table-fixed |\r\n| 46  | List Style | list-disc | list-unstyled |\r\n| 47  | Align Self | self-start | align-self-start |\r\n| 48  | Flex Wrap | flex-wrap | flex-wrap |\r\n| 49  | Grid Template Columns | grid-cols-3 | row-cols-3 |\r\n| 50  | Content Alignment | items-baseline | align-items-baseline |\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevendrakanojiya%2Fbootstrapandtailwindclassescomparision","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevendrakanojiya%2Fbootstrapandtailwindclassescomparision","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevendrakanojiya%2Fbootstrapandtailwindclassescomparision/lists"}