{"componentChunkName":"component---src-pages-blog-js","path":"/blog","result":{"data":{"site":{"siteMetadata":{"title":"Resources to help developers | Contrast | Devwares"}},"allMdx":{"nodes":[{"frontmatter":{"metaTitle":"Major changes to bootstrap 5","metaDescription":"Bootstrap is the most popular front-end framework built to design modern, responsive, and dynamic interfaces for professional design web pages. Bootstrap 5 alpha is it's latest version and we are still waiting for a stable one. It was released officially on June 16, 2020.","date":"2021-01-15T02:16:04+01:00","title":"Major changes to bootstrap 5","image":"/blog/images/bootstrap-5-alpha.png","tags":["bootstrap 5","bootstrap","bootstrap 5 alpha"]},"excerpt":"The new bootstrap 5 has been released and has seen so many changes to it. We will be discussing these bootstrap 5 changes in details here…","fields":{"slug":"/bootstrap-5-major-changes"}},{"frontmatter":{"metaTitle":"How To Create A Beautiful Navbar Using Bootstrap 5 And Contrast","metaDescription":"This article aims to describe, step by step, how to build a functional and beautiful navbar using bootstrap 5 and a cool new UI kit called Contrast. A navigation bar, which is often called a navbar, is one of, if not the most important, component or element of a website.","date":"2021-01-20T02:16:04+01:00","title":"How To Create A Beautiful Navbar Using Bootstrap And Contrast","image":"/blog/images/bootstrap-navbar-with-contrast.png","tags":["bootstrap","bootstrap 4","bootstrap navbar"]},"excerpt":"A navigation bar, which is often called a navbar, is one of, if not the most important, component or element of a website. \nThis is so…","fields":{"slug":"/bootstrap-5-navbar-using-contrast"}},{"frontmatter":{"metaTitle":"How to use Bootstrap in React Using a React Library","metaDescription":"We will be using Bootstrap an open-source CSS framework that features many templates for user interface components such as cards and modals with a another react library contrast which was created based on bootstrap","date":"2015-05-06T23:46:37.121Z","title":"How to use Bootstrap in React Using a React Library","image":"/blog/images/bootstrap-library.png","tags":["bootstrap 5","react","react bootstrap"]},"excerpt":"React is one of the most popular javascript frontend frameworks out there and its popularity does not come as a surprise as it is very…","fields":{"slug":"/using-bootstrap-in-react"}}],"edges":[{"node":{"id":"d99c6829-4cb4-5b23-8c8e-0a933c44e3bf"}},{"node":{"id":"4ae17230-17c8-57ab-90c0-9f2cef35823c"}},{"node":{"id":"72634964-dc81-57de-9035-8336b762923c"}}]}},"pageContext":{}},"staticQueryHashes":["2619113677","2619113677","3706406642","417421954"]}