bootstrap-4-cards

Day 13: Bootstrap 4 Cards Tutorial and Examples

Hello and welcome to the 13th day of Bootstrap 4! πŸ˜„ Today we will learn about Bootstrap 4 cards. A card is a content container that is flexible and easy to extend. Bootstrap 4 cards replace the panels, wells and thumbnails from Bootstrap 3.

Coming with a variety and components and options for styling and aligning, Bootstrap 4 cards offer extensive use-cases. In this blog article we will show how to add components to the cards and style them with utilities. We will also go through options for displaying cards, making use of the grid system, flex utilities, and classes built specifically for cards. We will finish the article with a series of custom cards that you can easily create once you know all of the above. Let’s get started!

(more…)

Read More

How To Get Success On Black Friday And Cyber Monday: Ultimate Tips for Customers and Sellers

Contents:

  • Intro
  • Black Friday and Cyber Monday tips for shoppers
  • Black Friday and Cyber Monday tips for sellers
  • Where you can find the best web design deals?
  • 5 top bundles for website owners

There’s no secret, Black Friday is the day everyone is waiting for. No matter how rich you are and no matter what your business is about! Actually, it even doesn’t matter who you are, when Black Friday is coming. People all over the globe are waiting for the date for one simple reason. Yes, I’m talking about sales. Can you imagine something more pleasant and lucrative than shopping on Black Friday? To make a long story short, here is how you can get whatever you want without running out of the budget.

(more…)

Read More

bootstrap-4-lists

Day 12: Bootstrap 4 Lists Tutorial and Examples

Hello and welcome to the 12th day of Bootstrap 4 πŸ˜‰ Today we will learn about Bootstrap 4 lists and Bootstrap 4 list groups. Besides offering multiple styles for the default list, Bootstrap 4 is introducing a new element: the list group. The Bootstrap 4 list group offers extensive use cases and learning how to add them to your project will help you organise your information and navigation.

Let’s start creating lists!

(more…)

Read More

bootstrap-4-navigation

Day 11: Bootstrap 4 Navigation Tutorial and Examples

Hello and welcome to the 11th day of Bootstrap 4 😎 Today we will learn about the Bootstrap 4 Navigation options. Having to organise a list of links is a very common situation and knowing how to create Bootstrap 4 Navs will help you solve this.

There are multiple options you will be able to choose from: basic navs, nav tabs and nav pills. We will inspect each option and explain how to use it, together with examples. We will also start to see more of the JavaScript options Bootstrap 4 provides. Sounds exciting? Let’s learn to navigate!

(more…)

Read More

bootstrap-4-navbar

Day 10: Bootstrap 4 Navbar Tutorial and Examples

Hey and welcome to the 10th day of Bootstrap 4 πŸ’πŸ» Today we will learn about the Bootstrap 4 Navigation Bar. This is an essential part of every page and tricky to create on your own, especially with a different behaviour for mobile. In this article we will see the Bootstrap 4 classes to create a navbar and add elements such as the brand, links, text, images and form. We will also go through options for colouring, placement and responsive behaviour.

(more…)

Read More

bootstrap-4-tables

Day 9: Bootstrap 4 Tables Tutorial and Examples

Hello and welcome to the 9th day of Bootstrap 4 πŸ™ƒ Today we will learn about Bootstrap 4 tables. We will see the basic classes for tables, how to colour table headings, rows or cells and how to make them responsive. I have also added a section with examples for adding custom elements and how to get advanced functionalities. I hope these will help you better understand how to use Bootstrap 4 tables in your projects with ease.

(more…)

Read More

bootstrap-4-forms

Day 8: Bootstrap 4 Forms Tutorial and Examples

Hey! This is the 8th day of Bootstrap 4 πŸ’πŸ» Today we will use the elements we have learnt about in the previous 2 days to create Bootstrap 4 forms. We will learn about specific form classes, ways to align inputs in a form and how to validate the data once the users inputs it. Forms make the switch from a static website to a dynamic one, where the content is generated via input. I think it is vital to know how to use forms and important to learn the options you have.

(more…)

Read More

Day 7: Bootstrap 4 Inputs Tutorial and Examples

Hey and welcome to the 7th day of Bootstrap 4 πŸ™ŒπŸΌ Today we will learn about more Bootstrap 4 form elements. We will go through Bootstrap 4 text inputs and custom inputs like checkboxes, radio buttons and select pickers. It is very likely that you will need to use them when building a web project, so it is useful to know their syntax and special Bootstrap 4 classes.

(more…)

Read More

Day 5: Bootstrap 4 Images Tutorial and Examples

Hey and welcome to the 5th day of Bootstrap 4 πŸ€“ Today we will learn about Bootstrap 4 images. Images are an essential part of designing a website. If fitted properly into your design, images will bring your website to life and increase engagement. Beside learning about classes built specifically for images, this is also an opportunity to learn about more Bootstrap 4 utilities: sizing, border radius and shadows.

(more…)

Read More