Asfia Aimanasfiaaiman.hashnode.dev·Sep 19, 2024How to Paginate More Than One List on the Same Blade File in Laravel 11 with Bootstrap 5 and Tailwind CSSWhen building complex applications with Laravel, you might find yourself needing to paginate multiple lists on the same Blade template. This could be useful for dashboards, admin panels, or any page where multiple datasets are displayed. In this guid...DiscussLaravel
Keep Codingkeepcodingblog.hashnode.dev·Jul 2, 2024Bootstrap Lesson: CarouselCarousel is a very representative component of Bootstrap. It is perfect for presenting various types of media - from photos to videos. Let's learn how to use it in our project. Step 1 - add empty section with grid First, we need to prepare a space wh...DiscussBootstrap LessonsBootstrap 5
Keep Codingkeepcodingblog.hashnode.dev·Jun 26, 2024Bootstrap Lesson: ButtonsButtons are one of the most popular and searched Bootstrap components. They offer many options, forms and functionalities and in this lesson we will explore some of them. First, let's look at the button from our Call to Action. <a class="btn btn-prim...DiscussBootstrap Lessonscourse
Keep Codingkeepcodingblog.hashnode.dev·Jun 25, 2024Bootstrap Lesson: MasksThe visibility of our Call to action is still very poor. We have to improve it and masks will help us in this task. Masks alter the visibility of an element by either partially or fully hiding it. Masks are used to make content more visible by provi...Discuss·10 likesBootstrap LessonsBootstrap 5
Keep Codingkeepcodingblog.hashnode.dev·Jun 19, 2024Bootstrap Lesson: Text & SpacingAt the end of the previous lesson, we finally managed to place the Call to action elements perfectly in the center of our Hero Image. But the result is far from satisfactory. First of all, you can hardly see anything here! Step 1 - change the color ...DiscussBootstrap Lessonscourse
Keep Codingkeepcodingblog.hashnode.dev·Jun 17, 2024Bootstrap Lesson: FlexboxIt's time to take a look at another famous Bootstrap tool - flexbox. In fact, flexbox itself is not a creation of Bootstrap, but simply CSS, but thanks to Bootstrap, we can comfortably use flexbox using the class utilities. But enough talk, let's exp...DiscussBootstrap LessonsBootstrap 5
Keep Codingkeepcodingblog.hashnode.dev·Jun 4, 2024Bootstrap Lesson: Hero ImageYou probably know websites with an impressive background photo that cover the entire screen. These intro sections, also called Hero Section or Hero Image, have gained well-deserved recognition. They are beautiful, it's true. However, they can cause a...DiscussBootstrap LessonsUX
Rohan Shrivastavarohanblogs.hashnode.dev·May 30, 2024Bootstrap Magic: Simplify Your Front-End DevelopmentBootstrap is a powerful HTML, CSS, and JavaScript library that simplifies the development of web pages. It’s primarily used to give your project a cohesive look with pre-defined styles for color, size, font, and layout. Let’s explore what Bootstrap...Discuss·1 likeBootstrap
Kanyikanyi.hashnode.dev·May 29, 2024Step-by-Step Guide to Adding Tailwind to a Bootstrap ProjectI've been working with a template that uses Bootstrap. Later on, I wanted the ability to extend the template, not with Bootstrap, but with tailwindCSS. For some context, the template had 175 sass files and at least 1000 lines inside the configuration...DiscussTailwind CSS
Rooparupard.hashnode.dev·Apr 10, 2024Must know concepts in Bootstrap!!Introduction Bootstrap is a free and open-source toolkit for building responsive websites and web applications. It's essentially a collection of tools that simplify the front-end development process. It has the 'mobile-first' responsive design as a g...DiscussBootstrap
