We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.
The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ...
Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.
Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.
Tiempo de lectura: 2 minutos Reading time: 3 minutes Good morning! I’m sharing a new tutorial with you to kick off the weekend. In today’s tutorial, I’ll show you how to create an accessible accordion using Bootstrap. We’ll add a series of attributes that make it accessible to everyone. I hope you like it. Let’s get started: Step 1: Basic … Read more
Tiempo de lectura: 2 minutos Reading time: 2 minutes Good morning! Continuing from the previous tutorial on how to create a TO-DO LIST, in today’s tutorial, I provide you with an update on functionality in which we have implemented the following: In this example, we have added a new event listener to the completed tasks list’s <ul> element (completedList). When … Read more
Tiempo de lectura: 2 minutos Reading time: 2 minutes Good morning and happy Monday!!! Let’s go for another tutorial, this time it’s a simple to-do list application. Here’s the code for one way to do it: <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css” rel=”stylesheet” integrity=”sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM” crossorigin=”anonymous”> <script src=”to-do-list.js”></script> <title>To-do list for … Read more
Tiempo de lectura: 3 minutos Reading time: 3 minutes Reading time: 3 minutes Good morning, in today’s tutorial, I’m going to talk to you about the GRID structure of BOOTSTRAP. The Bootstrap grid system is one of the most prominent and useful features of this CSS framework. It provides a structure of rows and columns that allows for easy creation … Read more
Tiempo de lectura: 2 minutos Reading Time: 3 minutes Good morning! In today’s tutorial, I’m going to talk about the Bootstrap GRID structure. The Bootstrap grid system is one of the most prominent and useful features of this CSS framework. It provides a structure of rows and columns that allows for easy creation of flexible and responsive layouts. The Bootstrap … Read more
Tiempo de lectura: < 1 minuto Reading time: < 1 minute Good afternoon, today I’m going to explain how Bootstrap breakpoints work. By default, Bootstrap is composed of 12 columns, which will adjust to different screens depending on the specified breakpoint. Breakpoints Bootstrap Prefix Screen Dimensions X-Small <576px Small sm ≥576px Medium md ≥768px Large lg ≥992px Extra Large xl ≥1200px … Read more
Tiempo de lectura: 2 minutos Reading time: 3 minutes Good morning, in today’s tutorial, I’m going to talk to you about the GRID structure of BOOTSTRAP. The Bootstrap grid system is one of the most prominent and useful features of this CSS framework. It provides a structure of rows and columns that allows for easy creation of flexible and responsive … Read more
