{"id":479,"date":"2022-01-10T00:00:00","date_gmt":"2022-01-10T00:00:00","guid":{"rendered":"http:\/\/174.141.233.253\/~avion2022\/2022\/01\/10\/10-bootstrap-classes\/"},"modified":"2024-02-20T06:49:44","modified_gmt":"2024-02-20T06:49:44","slug":"10-bootstrap-classes","status":"publish","type":"post","link":"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/","title":{"rendered":"10 Bootstrap Classes"},"content":{"rendered":"

What is Bootstrap!<\/strong><\/p>\n

Bootstrap is a free, open-source CSS framework directly responsive for mobile-first front-end web development. It contains CSS and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.
\n
\nBootstrap is an HTML, CSS, and JS Library that focuses on simplifying the development of informative web pages as opposed to web apps, and the primary purpose of adding on a web project is to apply Bootstrap’s give options like color, size, font, and layout in the project work. And the primary factor is whether the developers in charge find those options to their liking. Once added to a project, Bootstrap provides basic style definitions for all HTML elements, and the result is a uniform appearance for prose, tables, and form elements across web browsers.<\/p>\n

List of Bootstrap Classes<\/strong>
\n<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Class<\/strong><\/td>\nDescription <\/strong><\/td>\n1. Categories <\/strong><\/td>\n<\/tr>\n
.active<\/td>\nTo adds a grey background color to the table row means (<tr> or table cell (<td>) (same color used on hover)<\/td>\nTables<\/td>\n<\/tr>\n
.active<\/td>\nTo adds a gray background color to the active link in a default navbar, which means adding a black background and a white color to the current link inside an inverted navbar form.<\/td>\nNavbar<\/td>\n<\/tr>\n
.active<\/td>\nTo adds a blue background color to the active list item in a list group<\/td>\nList Groups<\/td>\n<\/tr>\n
.active<\/td>\nAnd adds a blue background color to simulate a “pressed” button<\/td>\nButtons<\/td>\n<\/tr>\n
.active<\/td>\nAnimates a striped progress bar<\/td>\nProgress Bars<\/td>\n<\/tr>\n
.active<\/td>\nTo adds a blue background color to the active dropdown item in a dropdown<\/td>\nDropdowns<\/td>\n<\/tr>\n
.active<\/td>\nAdd a blue background color to the active pagination link (to highlight the current page)<\/td>\nPagination<\/td>\n<\/tr>\n
.affix<\/td>\nAnd the Affix plugin allows an element to become affixed (locked\/sticky) to an area on the page. It toggles position: fixed on and off<\/td>\nAffix<\/td>\n<\/tr>\n
.alert<\/td>\nCreates an alert message box<\/td>\nAlerts<\/td>\n<\/tr>\n
.alert-danger<\/td>\nRed alert box. Indicates a dangerous or potentially harmful action<\/td>\nAlerts<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Disclaimer:<\/strong>
\n
\nWherever any material is quoted as sourced from the published text with publishing rights vested in an individual, it is stated that it is a pure quotation and has no intention to claim it as our own.<\/p>\n

Image Source: www.freepik.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

What is Bootstrap! Bootstrap is a free, open-source CSS framework directly responsive for mobile-first front-end web development. It contains CSS and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components. Bootstrap is an HTML, CSS, and JS Library that focuses on simplifying the development of informative web pages as opposed to web… Continue reading 10 Bootstrap Classes<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1039,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58,59],"tags":[60],"class_list":["post-479","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui-ux","category-ui-ux-trends","tag-bootstrap-classes","entry"],"acf":[],"yoast_head":"\n10 Bootstrap Classes - Avion Technology, Inc.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Bootstrap Classes - Avion Technology, Inc.\" \/>\n<meta property=\"og:description\" content=\"What is Bootstrap! Bootstrap is a free, open-source CSS framework directly responsive for mobile-first front-end web development. It contains CSS and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components. Bootstrap is an HTML, CSS, and JS Library that focuses on simplifying the development of informative web pages as opposed to web… Continue reading 10 Bootstrap Classes\" \/>\n<meta property=\"og:url\" content=\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/\" \/>\n<meta property=\"og:site_name\" content=\"Avion Technology, Inc.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AvionTechnologyInc\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-10T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-20T06:49:44+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/174.141.233.253\/~avion2022\/wp-content\/uploads\/2022\/01\/10-Bootstrap.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1709\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@aviontechnology\" \/>\n<meta name=\"twitter:site\" content=\"@aviontechnology\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/#\/schema\/person\/a31caa2186f0120c64dc59213456ea71\"},\"headline\":\"10 Bootstrap Classes\",\"datePublished\":\"2022-01-10T00:00:00+00:00\",\"dateModified\":\"2024-02-20T06:49:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/\"},\"wordCount\":360,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/#organization\"},\"keywords\":[\"Bootstrap Classes\"],\"articleSection\":[\"UI\/UX\",\"UI\/UX Trends\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/\",\"url\":\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/\",\"name\":\"10 Bootstrap Classes - Avion Technology, Inc.\",\"isPartOf\":{\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/#website\"},\"datePublished\":\"2022-01-10T00:00:00+00:00\",\"dateModified\":\"2024-02-20T06:49:44+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/174.141.233.253\/~avion2022\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Bootstrap Classes\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/#website\",\"url\":\"http:\/\/174.141.233.253\/~avion2022\/\",\"name\":\"Avion Technology, Inc.\",\"description\":\"Chicago Agency | WordPress | iOS | Android | UI\/UX | Laravel\",\"publisher\":{\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/174.141.233.253\/~avion2022\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/#organization\",\"name\":\"Avion Technology, Inc.\",\"url\":\"http:\/\/174.141.233.253\/~avion2022\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/174.141.233.253\/~avion2022\/wp-content\/uploads\/2024\/02\/logo-color.png\",\"contentUrl\":\"http:\/\/174.141.233.253\/~avion2022\/wp-content\/uploads\/2024\/02\/logo-color.png\",\"width\":144,\"height\":56,\"caption\":\"Avion Technology, Inc.\"},\"image\":{\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/AvionTechnologyInc\/\",\"https:\/\/twitter.com\/aviontechnology\",\"https:\/\/www.linkedin.com\/in\/aviontechnology\/\"]},{\"@type\":\"Person\",\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/#\/schema\/person\/a31caa2186f0120c64dc59213456ea71\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/174.141.233.253\/~avion2022\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9d056d2b056f5641bd6d7908b9dd954a074482323fa6eee634f0aa39a162ef81?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9d056d2b056f5641bd6d7908b9dd954a074482323fa6eee634f0aa39a162ef81?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/174.141.233.253\/~avion2022\"],\"url\":\"http:\/\/174.141.233.253\/~avion2022\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Bootstrap Classes - Avion Technology, Inc.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/","og_locale":"en_US","og_type":"article","og_title":"10 Bootstrap Classes - Avion Technology, Inc.","og_description":"What is Bootstrap! Bootstrap is a free, open-source CSS framework directly responsive for mobile-first front-end web development. It contains CSS and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components. Bootstrap is an HTML, CSS, and JS Library that focuses on simplifying the development of informative web pages as opposed to web… Continue reading 10 Bootstrap Classes","og_url":"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/","og_site_name":"Avion Technology, Inc.","article_publisher":"https:\/\/www.facebook.com\/AvionTechnologyInc\/","article_published_time":"2022-01-10T00:00:00+00:00","article_modified_time":"2024-02-20T06:49:44+00:00","og_image":[{"width":2560,"height":1709,"url":"http:\/\/174.141.233.253\/~avion2022\/wp-content\/uploads\/2022\/01\/10-Bootstrap.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@aviontechnology","twitter_site":"@aviontechnology","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/#article","isPartOf":{"@id":"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/"},"author":{"name":"admin","@id":"http:\/\/174.141.233.253\/~avion2022\/#\/schema\/person\/a31caa2186f0120c64dc59213456ea71"},"headline":"10 Bootstrap Classes","datePublished":"2022-01-10T00:00:00+00:00","dateModified":"2024-02-20T06:49:44+00:00","mainEntityOfPage":{"@id":"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/"},"wordCount":360,"commentCount":0,"publisher":{"@id":"http:\/\/174.141.233.253\/~avion2022\/#organization"},"keywords":["Bootstrap Classes"],"articleSection":["UI\/UX","UI\/UX Trends"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/","url":"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/","name":"10 Bootstrap Classes - Avion Technology, Inc.","isPartOf":{"@id":"http:\/\/174.141.233.253\/~avion2022\/#website"},"datePublished":"2022-01-10T00:00:00+00:00","dateModified":"2024-02-20T06:49:44+00:00","breadcrumb":{"@id":"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/174.141.233.253\/~avion2022\/10-bootstrap-classes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/174.141.233.253\/~avion2022\/"},{"@type":"ListItem","position":2,"name":"10 Bootstrap Classes"}]},{"@type":"WebSite","@id":"http:\/\/174.141.233.253\/~avion2022\/#website","url":"http:\/\/174.141.233.253\/~avion2022\/","name":"Avion Technology, Inc.","description":"Chicago Agency | WordPress | iOS | Android | UI\/UX | Laravel","publisher":{"@id":"http:\/\/174.141.233.253\/~avion2022\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/174.141.233.253\/~avion2022\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/174.141.233.253\/~avion2022\/#organization","name":"Avion Technology, Inc.","url":"http:\/\/174.141.233.253\/~avion2022\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/174.141.233.253\/~avion2022\/#\/schema\/logo\/image\/","url":"http:\/\/174.141.233.253\/~avion2022\/wp-content\/uploads\/2024\/02\/logo-color.png","contentUrl":"http:\/\/174.141.233.253\/~avion2022\/wp-content\/uploads\/2024\/02\/logo-color.png","width":144,"height":56,"caption":"Avion Technology, Inc."},"image":{"@id":"http:\/\/174.141.233.253\/~avion2022\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/AvionTechnologyInc\/","https:\/\/twitter.com\/aviontechnology","https:\/\/www.linkedin.com\/in\/aviontechnology\/"]},{"@type":"Person","@id":"http:\/\/174.141.233.253\/~avion2022\/#\/schema\/person\/a31caa2186f0120c64dc59213456ea71","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/174.141.233.253\/~avion2022\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9d056d2b056f5641bd6d7908b9dd954a074482323fa6eee634f0aa39a162ef81?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9d056d2b056f5641bd6d7908b9dd954a074482323fa6eee634f0aa39a162ef81?s=96&d=mm&r=g","caption":"admin"},"sameAs":["http:\/\/174.141.233.253\/~avion2022"],"url":"http:\/\/174.141.233.253\/~avion2022\/author\/admin\/"}]}},"_links":{"self":[{"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/posts\/479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/comments?post=479"}],"version-history":[{"count":1,"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/posts\/479\/revisions"}],"predecessor-version":[{"id":681,"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/posts\/479\/revisions\/681"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/media\/1039"}],"wp:attachment":[{"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/media?parent=479"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/categories?post=479"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/174.141.233.253\/~avion2022\/wp-json\/wp\/v2\/tags?post=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}