Bootstrap Card With Icon

With BootstrapVue you can build responsive, mobile-first projects on the web using Vue. An overview of Bootstrap, how to download and use, basic templates and examples, and more. It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. Introduction. Rapid is a creative and modern multipurpose Bootstrap template. Panels have now been depreciated in Bootstrap latest version so we have added support for last Bootstrap 3 Version. To use, place the following code just about anywhere. Bootstrap widgets for Angular: autocomplete, accordion, alert, carousel, dropdown, pagination, popover, progressbar, rating, tabset, timepicker, tooltip, typeahead. In your mobile apps, Twitter Kit makes it easy to work with the Twitter API and even integrate MoPub to grow your business around Twitter content. Edit and preview HTML code with this online HTML viewer. In this tutorial you will learn how to use the Bootstrap spinner component. Closing thoughts on mastering card design with Bootstrap 4. In this tutorial you will learn how to create accordion with Bootstrap. Start-off your project with this free Bootstrap 4 admin panel template. We've replaced Bootstrap's default icon font, Glyhpicons, with the complete Entypo set and Entypo social extension. Bootstrap 4 Card. This isn't a standard feature of bootstrap, so you need to bind a JS click event to the icon, and trigger it to close the parent. size: The size of the button. The HTML will appear in the second box below the icon and will look like this: Lastly, you will need the HTML from Bootstrap for the type of button. Just like Twitter's Bootstrap, this drop-in uses sprites. We have already found some great web templates and dashboards build upon bootstrap 4. Material Design Bootstrap UI kit for wireframing. A card in Bootstrap 4 is a bordered box with some padding around its content. BMD is a premium Material Design skin for Bootstrap along with many additional components. Kendo UI is for all HTML developers. Moving or renaming those font files means updating the CSS in one of three ways: Change the @icon-font-path and/or @icon-font-name variables in the source Less files. Tabler – Free Bootstrap 4 Admin Panel Template Tabler is an open. com (@BootSnipp). However, there are some instances where the version detection won't work. AppStrap is a fully responsive multiple purpose Bootstrap 4 theme containing a massive 147 templates built with Bootstrap 4. So much of Bootstrap’s reach and usefulness comes directly from designers, developers, and creators all over the world building businesses with and on top of Bootstrap. Ready-to-use vector logos Affordable stock logo icons for blogs, websites, and small businesses. Cards are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization. this is fully responsive stripe payment form design. Bootstrap 4. Don't know how to set up Bootstrap?. [Bootstrap Alternative CSS Frameworks] There are few things which we need to keep in mind while using Glyphicons in Bootstrap 3. Bootstrap logos is a product by Kyle Lambert (@imkylelambert. The section of material design cards contains the heading, the body and the tail or some kind of conclusions. Right now, since we're only in Alpha, to get started with Bootstrap 4 you need to head over to the v4-dev branch and choose the way you want to start messing with it. So much of Bootstrap’s reach and usefulness comes directly from designers, developers, and creators all over the world building businesses with and on top of Bootstrap. Material Design Bootstrap UI kit for wireframing. restrict}} {{doc | humanizeDoc | directiveBrackets}} View Demo View Source on Github. Especially when you wanted to get more traffic to you. With Bootstrap 4 default icon support is not there so have add custom CDN support to get the icons from respective font family. Include the CSS or Less You have two options for enabling the social buttons in your project: vanilla CSS or source Less. How to use Glyphicons with Bootstrap 4 (without getting mad) For further info & samples, read the official page. Bootstrap List Groups; Bootstrap Responsive Embed ; Cards add a flexible and extensible container for displaying content in a variety of ways. Using Bootstrap: Part 4: Cards. Available in different colors, shapes, and size. It’s a simple, clean and modern Bootstrap admin dashboard template built with premium quality. icon-medkit. Center Align Form In Bootstrap- Sometimes we need the centered Aligned form in bootstrap. There are three buttons available in the process previous, next and skip. tmbundle TextMate; AngularJS-Atom Atom; AngularJS. Learn Front-End Web UI Frameworks and Tools: Bootstrap 4 from The Hong Kong University of Science and Technology. Use them anywhere! I added support for readingtime Grav plugin for cards and boxed post. Panels have now been depreciated in Bootstrap latest version so we have added support for last Bootstrap 3 Version. Tabler - Free Bootstrap 4 Admin Panel Template Tabler is an open. The goal of this package is to give an advanced example of how modern templating in TYPO3 CMS can be handled nicely without depending on third party extensions. Bootstrap button classes provides excellent base structure to extend the functionality, and here you will learn the easy trick to create circle buttons with icons in bootstrap css. Check the icons related to Bootstrap. So what's new in Bootstrap 4? Let's find out! The docs aren't 100% complete yet, but we can still learn what's new from looking into the source. In the next section, you can see live examples of using Bootstrap collapse related classes in action with complete code. So you can see that there is a home icon in front of home, there is an info icon in front of about, a list icon in front of menu and an address card icon in front of contact. Four card suits painted beautiful pattern. Bank Card is a free Bootstrap 4 HTML5 banking agency website template. Download the best Free Bootstrap Components developed by Creative Tim. Beautifully crafted open source icons. We have made many components and blocks for e-commerce projects. One class behave as a base class (glyphicon) which is common for all icons and the second class is related to respective icon class (e. Card is a convenient means of displaying content composed of different elements. Bootstrap Spinners. The recommended CDN for Bootstrap, Font Awesome and Bootswatch. See the examples below for more details. This snippet is free and open source hence you can use it in your project. SB Admin 2 is a free, open source, Bootstrap 4 based admin theme perfect for quickly creating dashboards and web applications. Create Bootstrap Accordion With Plus Minus Icons to Toggle only on Click of Plus/Minus Icons. Free Bootstrap 4 Material Design UI Kit Product description Current version 2. If it free snippets of bootstrap profile page html So you have to simple get those bellow code from tab of html, css and js. Install with Bower Install with NPM View Source on Github {{doc | humanizeDoc | directiveBrackets:doc. With Bootstrap 4 default icon support is not there so have add custom CDN support to get the icons from respective font family. Using Bootstrap: Part 4: Cards. 6 See changelog. x, and we've recently introduced new Bootstrap 4 themes. 6 of 9 Edit mode. A lot of sites need a way to lay out images, videos, text, etc, in a grid, and Bootstrap has an easy way to d. So this is a nice way of adding some visual elements into your web page. Whatsapp messenger Icons - Download 267 Free Whatsapp messenger icons @ IconArchive. icon-h-sign. The Bootstrap 4 Cards Component. You can also create bootstrap buttons with both icon and text if you prefer. If you need to present a small snippet of information, perhaps one of many, perhaps not, the chances are you can get what you want from the Card component. BMD is a premium Material Design skin for Bootstrap along with many additional components. All of these templates are responsive (mobile friendly) and supports all browsers. Introduction. With BootstrapVue you can build responsive, mobile-first projects on the web using Vue. Bootstrap 4 Credit Card Form Snippet. I will teach you how to create nice looking modern icons and how to add the necessary functionality to make them work without decreasing your site's performance with many additional requests. icon-ambulance. How to use Glyphicons with Bootstrap 4 (without getting mad) For further info & samples, read the official page. They have a subtle border and placeholder content ready for editing. By default the SVG icons, that look great on both SD and HD screens, are used. Let's face it: Confirmation dialog boxes are annoying. Modern – Bootstrap 4 Cards is a modern responsive cards build with Bootstrap 4 Framework. Change Font Awesome icon when collapsing a card table row in Bootstrap 4 0 On click aria-expanded="false" not change and 'show' class also not addes in bootstrap dropdown Angular 5. Bootstrap List Groups; Bootstrap Responsive Embed ; Cards add a flexible and extensible container for displaying content in a variety of ways. This plugin helps to turn standard bootstrap alerts into "growl" like notifications. The close icon in bootstrap is a utility, that is used to dismiss any content (e. The Bootstrap 4 Cards Component. You can download bootstrap and host it locally from the website Bootstrap · The world's most popular mobile-first and responsive front-end framework. Display button with an outline, instead of solid color. x with file preview for various files, offers multiple selection, and more. Flexbox, CDN and more, in the final release update of Bootstrap 4. Bootstrap assumes icon font files will be located in the. Shifting or even renaming these font files represents upgrading the CSS in one of three approaches : - Update the @icon-font-path and/or @icon-font-name variables within the origin Less files. card-header-icon: a placeholder for an icon Coming from Bootstrap. See the Pen twitter-bootstrap-address-example-25 by w3resource (@w3resource) on CodePen. The Security Code is always a tricky field, so I've secured it with a textual prompt "Last 3 digits on the back. React-bootstrap-table support these features: column align, sorting, column format, pagination, table style and row selection. Free Bootstrap Themes Created for Bootstrap 4 with Thremestr. Download Preview. Ok so a couple of weeks ago now, on its very own two-year anniversary, Mark Otto and the rest of the guys responsible for the develop and maintenance of Bootstrap announced the official release of the framework's third version, and it came on steroids. Bootstrap Cards example snippets with CSS, Javascript and HTML code. Bootstrap List Groups; Bootstrap Responsive Embed ; Cards add a flexible and extensible container for displaying content in a variety of ways. Center Align Form In Bootstrap- Sometimes we need the centered Aligned form in bootstrap. Especially when you wanted to get more traffic to you. css, flag-icon. Thanks to this collection of the best free Bootstrap admin templates you should be able to find a suitable user interface (UI) toolkit for your project. Download a sample and start building your webpage. The latest features and assets are coming with the box. Mobile Angular UI provides essential mobile components that are missing in Bootstrap 3: switches, overlays, sidebars, scrollable areas, absolute positioned top and bottom navbars that don't bounce on scroll. Creating the Spinners with Bootstrap. Bootstrap - Thumbnails - This chapter discusses about Bootstrap thumbnails. glyphicons-halflings-regular. They work very nicely here: latest Chrome latest Firefox latest Safari latest Explorer latest Android At one facility, the glyphicons don't show. Bootstrap Button with Icon and Text. Simple date/time picker component based on the work of Stefan Petre, with contributions taken from Andrew Rowls and jdewit. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. So this is a nice way of adding some visual elements into your web page. The goal of this package is to give an advanced example of how modern templating in TYPO3 CMS can be handled nicely without depending on third party extensions. js and overthrow. BMD is a premium Material Design skin for Bootstrap along with many additional components. There are many ways to center align the form you can use bootstrap’s inbuilt classes or you can create your own class to center align the form. Bootstrap glyphicons icons list with examples. Button loading state # When activating an asynchronous action from a button it is a good UX pattern to give the user feedback as to the loading state, this can easily be done by updating your s props from a state change like below. We are pleased to show you CoreUI Icons. Build responsive, mobile-first projects on the web with the world’s most popular front-end component library. Center Align Form In Bootstrap- Sometimes we need the centered Aligned form in bootstrap. All the icons are created by Icons8 in the same design style and quality. Once you'. glyphicon-menu-right). icon-ambulance. We've replaced Bootstrap's default icon font, Glyhpicons, with the complete Entypo set and Entypo social extension. A Bootstrap card is a kind of container for content. If you need icons, the Bootstrap team suggest one of the following alternatives:. Cards are flexible containers designed to draw attention to their content. ICONex boasts faster transactions, secure payments, and liquid exchange across multiple cryptocurrencies with user-friendly UX and UI. reactstrap - easy to use React Bootstrap 4 components compatible with React 16+. It provides 3 additional layout options, UI elements, form elements and validations, charts, widgets, dynamic tables, maps and other dashboard elements. Some of the benefits using Bootstarp are: easy to get started, provides base styling for most HTML elements and comes with a great grid system and extensive list of components. Right now, since we're only in Alpha, to get started with Bootstrap 4 you need to head over to the v4-dev branch and choose the way you want to start messing with it. bootstrap-datepicker. Call to action button, progress bars, on hover effects, fun fact counters, back to top button are some of the handy options it brings with it. Don't know how to set up Bootstrap?. It is super easy to integrate Bootstrap and DataTables so that your fully featured DataTables will match the same look and feel of the rest of your site. Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. Four card suits painted beautiful pattern. Whatsapp messenger Icons - Download 267 Free Whatsapp messenger icons @ IconArchive. They work very nicely here: latest Chrome latest Firefox latest Safari latest Explorer latest Android At one facility, the glyphicons don't show. Bootstrap 4. The template comes in 5 different theme colors and has bold typography and large-sized elements that stand out. Easy to use and customize. Find the Bootstrap card that best fits your project. MDB enhances Bootstrap cards with characteristic Material Design features, such as slight shadows, depth, cascading or waves effects. toggleControl: Supply the name of another control here, like a Card or Image. icon-h-sign. Mod The Sims. Bootstrap was originally developed by a designer and developer from Twitter, it’s. No description. Download design. bootstrap-4 card right header icon align. We have already found some great web templates and dashboards build upon bootstrap 4. We've replaced Bootstrap's default icon font, Glyhpicons, with the complete Entypo set and Entypo social extension. Bootstrap Icons list. The ultimate source of free and premium Bootstrap themes, templates and other widgets in complete code examples. Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. Start Bootstrap. The plugin allows you a simple way to setup an advanced file picker/upload control built to work specially with Bootstrap CSS3 styles. The icon information from Font Awesome if you want an icon in your button. The user cannot switch between tabs, but on hovering the name of the stage will be shown to the user. Bootstrap 4 cards tutorial to create different types of card component for your site with image down, card with image overlay, with header and footer, inverse color, with background colors, outline style and with navigational tabs. Bootstrap Spinners. glyphicons-halflings-regular. toggleControl: Supply the name of another control here, like a Card or Image. Display button with an outline, instead of solid color. This tutorial was originally created for Bootstrap 3 in 2016. Mobile Angular UI provides essential mobile components that are missing in Bootstrap 3: switches, overlays, sidebars, scrollable areas, absolute positioned top and bottom navbars that don't bounce on scroll. Build responsive, mobile-first projects on the web with the world's most popular front-end component library. These templates are very simple and come with a logo section on the left and a links section with icons on the right. The latest features and assets are coming with the box. It is also well-suited for showcasing elements whose size or supported actions vary, like photos with captions of variable length. The ultimate source of free and premium Bootstrap themes, templates and other widgets in complete code examples. For the foreseeable future, we'll be maintaining Bootstrap 3 with critical bug fixes and documentation improvements. There are three buttons available in the process previous, next and skip. With Bootstrap 4 default icon support is not there so have add custom CDN support to get the icons from respective font family. The SFDC Salesforce1 styleguide provides a number of new icons both for setting context and also for UI elements. Bootstrap Cards. Changing the icon font location. Snippet by Sunlimetech why i cannot see the twitter icon. Bootstrap Card Layout: To start with Bootstrap Card structure you need to add specific. 7, you already have access to all 260 glyphs in the Glyphicons 1. 6 of 9 Edit mode. The goal of this package is to give an advanced example of how modern templating in TYPO3 CMS can be handled nicely without depending on third party extensions. This card has even longer content than the first to show that equal height action. Flip Box is a simple and easy customizable flip animation. Bootstrap logos is a product by Kyle Lambert (@imkylelambert. Introduction. Colorlib is the largest provider of free Bootstrap templates with more than 700 availabe and many more relased every day. bootstrap-4 card right header icon align. CoreUI Icons is an open source icon set with CSS, SASS, SVG & Web-fonts files. They work very nicely here: latest Chrome latest Firefox latest Safari latest Explorer latest Android At one facility, the glyphicons don't show. Hello, We are happy to introduce the new release of Guriddo Suito PHP version 5. However, Bootstrap 3, which was launched in the year 2013 and Bootstrap 4 that was released in 2017 are the popular choices of users these days. Bootstrap 4 only works with bootstrap-select v1. This tutorial was originally created for Bootstrap 3 in 2016. Here's a pretty simple project that's a great practice piece for anyone new to Bootstrap. There are many ways to center align the form you can use bootstrap's inbuilt classes or you can create your own class to center align the form. Refer to Change Icon Set for information about the supported icon sets and how switch between them. less) for some styles, and bootstrap's sprites (sprites. Display button with an outline, instead of solid color. Support for SVG and web font. In the next section, you can see live examples of using Bootstrap collapse related classes in action with complete code. It's like an icon font, without being a hack. Bootstrap doesn’t include a bootstrap icons library by default, but we prepared our own icons set. This version is a major release and add a support of Bootstrap 4, local export to HTML with print options, Tree Grid paging, menu bar and much more. This card has even longer content than the first to show that equal height action. If you still need to use the Bootstrap 3 version, you will find the original files in the download package and I created a new Bootstrap 3 section in this article where the main differences are outlined and I also mention few Bootstrap 3 carousel tweaks. The icon information from Font Awesome if you want an icon in your button. Responsive data tables has been a recurring topic around here, first with my early exploration and then a roundup. Navs available in Bootstrap have shared markup, starting with the base. But I wanted to expand collapse panel with toggle icon in Bootstrap which are placed on right side inside panel heading as shown in the image below and the icons get changed according to visibility of content in panel. Bootstrap Button Icon Alignment. ICONex is ICON's Wallet supporting ICX and various cryptocurrencies. Flexbox, CDN and more, in the final release update of Bootstrap 4. in this form design we display card number,expiration date,csv code and coupon code. Transporting or even relabeling those font files determines modifying the CSS in one of three solutions : - Turn the @icon-font-path and/or @icon-font-name variables within the resource Less files. The Bootstrap Arrows is a simple jQuery plugin and add-on to the Bootstrap framework that includes the use of arrows at any angle in our UI designs for our website. Install with Bower Install with NPM View Source on Github {{doc | humanizeDoc | directiveBrackets:doc. Usually, you require a social icon to share your post an article on your website. It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. Rapid is a creative and modern multipurpose Bootstrap template. For example, the following will display an icon of a thick arrow pointing north:. Tooplate is a great website to get many free HTML templates including admin HTML pages, form pack, personal portfolio, business templates, etc. Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. Download Preview. If you’re familiar with Bootstrap 3, cards replace the old panels, wells, and thumbnails. Bootstrap 4. ngx-bootstrap is an Open Source (MIT Licensed) independent project with ongoing development made possible thanks to the support of our awesome backers. List of Best Free Bootstrap Ecommerce Templates 2017: Check all the templates first and see the features. Check the icons related to Bootstrap. That means less testing than a home-grown solution. Accordion menus and widgets are widely used on the websites to manage the large amount of content and navigation lists. The biggest collection of free Bootstrap icons. Bootstrap 4 Carousel and Slider Templates, Examples, Tutorials The Bootstrap 4 Carousel Example is a slideshow for cycling through a set of web content, established with CSS 3D transforms and a little bit of JavaScript. Cards are flexible containers designed to draw attention to their content. Unlike most other UI frameworks, it includes a dual-pane interface for tablet users. Entypo is an awesome, high quality set of icon glyphs made by Daniel Bruce. Last updated 3 mins ago. The Collection contained Awesome Bootstrap themes,Responsive Bootstrap admin themes,Top Bootstrap admin themes,Bestselling bootstrap themes and many more. If you also would like to show support or simply give back to Open Source community, please consider becoming a partner. Icon fonts are like normal web fonts, but instead of letters and numbers they contain vector shapes. bootstrap-datepicker. Be sure to leave a space between the icon and text for proper padding. Card groups use display: flex; to achieve their uniform. Expand collapse panel with toggle icon in Bootstrap. Let’s find out major features and enhancements e. [Bootstrap Alternative CSS Frameworks] There are few things which we need to keep in mind while using Glyphicons in Bootstrap 3. Beautifully crafted open source icons. Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. These icons have been optimized for 16 pixels and all multiples of 16px (32px, 64px, etc). Find the Bootstrap card that best fits your project. Can be large, medium, small or extra small (Bootstrap 3 only). However, Bootstrap 3, which was launched in the year 2013 and Bootstrap 4 that was released in 2017 are the popular choices of users these days. The app is built on top of the hugely popular Bootstrap framework, and exports clean and semantic HTML. To show a hidden element — so it can be styled — just click on the icon. This snippet is free and open source hence you can use it in your project. In your mobile apps, Twitter Kit makes it easy to work with the Twitter API and even integrate MoPub to grow your business around Twitter content. Bootstrapicons is a search tool for icons in the bootstrap framework created by Brent Swisher. Mobile Angular UI provides essential mobile components that are missing in Bootstrap 3: switches, overlays, sidebars, scrollable areas, absolute positioned top and bottom navbars that don't bounce on scroll. Bootstrap is built and maintained by @mdo, @fat and a core team of developers. MDB enhances Bootstrap cards with characteristic Material Design features, such as slight shadows, depth, cascading or waves effects. Create a distinctive website that will attract everyone’s attention with this modern HTML/CSS template. Some of the best Bootstrap 4 templates will help you do that. Bootstrap example of Team design card flipper using bootstrap 4 using HTML, Javascript, jQuery, and CSS. 7, you already have access to all 260 glyphs in the Glyphicons 1. For vectors, such as SVG, EPS, or font, please buy the icons. List of Best Free Bootstrap Ecommerce Templates 2017: Check all the templates first and see the features. admin auth badge bootstrap bootstrap-3 button centered col columns customize datetime dropdown ellipsis equal event external fonts gallery google https icon icons images login multiple nav nth off-canvas order overlay popover position push range react-bootstrap responsive scrollbar sticky sub text textbox thumbnails tooltip top transition. Best Bootstrap 4 Templates & Themes Bootstrap is the most used HTML, CSS and Javascript framework for building responsive, mobile-first websites. Browse the latest Bootstrap Web Design Tutorials by Envato Tuts+ - all online and free! What are you learning today?. It has a library of 605 icons—larger than the 200 native Bootstrap 3 glyphicons—and can also unlock unique features like flipped, stacked or rotated icons (and much more). Find here a collection of the most popular Bootstrap Templates available for free download. Bootstrap 4 Carousel and Slider Templates, Examples, Tutorials The Bootstrap 4 Carousel Example is a slideshow for cycling through a set of web content, established with CSS 3D transforms and a little bit of JavaScript. co/8NMLFc2WdN is a gallery of HTML snippets and a playground for @getBootstrap. Portfolio Bootstrap themes and templates have a plethora of premium add-ons and plugins such as Master Slider, blog options, 400+ font icons and 600+ Google web fonts support. I will teach you how to create nice looking modern icons and how to add the necessary functionality to make them work without decreasing your site's performance with many additional requests. Previous: How to create abbreviation with smaller font size. You can display different kinds of content, such as text, image, and so on. Transporting or even relabeling those font files determines modifying the CSS in one of three solutions : - Turn the @icon-font-path and/or @icon-font-name variables within the resource Less files. Contact us for assistance or visit for more information about ICON. ZIP Ecommerce developer kit. Put the attributes in the span tag used before the glyphicons. There are three buttons available in the process previous, next and skip. Bootstrap is a popular framework for web developers and web designers and this is a responsive framework to design any website in a quick time. Card groups use display: flex; to achieve their uniform. These icons have been optimized for 16 pixels and all multiples of 16px (32px, 64px, etc). It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. Stop focusing on the minor details! With Shards at its core, everything is designed and hand-crafted from scratch to look and integrate flawlessly, so you can focus on functionality rather than on how things look. This makes a lot of sense as "cards" are one of the more well known trends in responsive design. Vector illistration Bootstrap Drupal. Supporting NGX-Bootstrap. Bootstrap 3 is a CSS framework that lets you quickly and easily build a user interface that has a unified look and feel. Bootstrap Package delivers a full configured frontend theme for TYPO3, based on the Bootstrap CSS Framework. Bootstrap 3. Bootstrap Arrows: - It is not exactly an icon font. All icons classes are prefixed with. Once ready, the converted code will appear in the bottom text area - there you can Preview it and/or copy and paste it to your page. To use the converter, paste your Bootstrap 3 HTML code in the top text area and press the Convert Code button. Include Bootstrap and Font Awesome If you haven't done that already, include the latest Bootstrap and Font Awesome in your project. It comes with a large number of built-in components, which you can drag and drop to assemble responsive web pages. Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. 7, you already have access to all 260 glyphs in the Glyphicons 1. net server, in the ##bootstrap channel. Bootstrap is a popular framework for web developers and web designers and this is a responsive framework to design any website in a quick time.