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
