Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Learning Bootstrap 4 by Building Projects
  • Table Of Contents Toc
  • Feedback & Rating feedback
Learning Bootstrap 4 by Building Projects

Learning Bootstrap 4 by Building Projects

By : Eduonix Learning Solutions
2 (1)
close
close
Learning Bootstrap 4 by Building Projects

Learning Bootstrap 4 by Building Projects

2 (1)
By: Eduonix Learning Solutions

Overview of this book

Bootstrap, the world’s most popular frontend framework, is an open source toolkit for building web applications with HTML, CSS, and JavaScript. Learning Bootstrap 4 by Building Projects covers the essentials of Bootstrap 4 along with best practices. The book begins by introducing you to the latest features of Bootstrap 4. You will learn different elements and components of Bootstrap, such as the strict grid system, Sass, which replaced Less, flexbox, Font Awesome, and cards. As you make your way through the chapters, you will use a template that will help you to build different kinds of real-world websites, such as a social media website, a company landing page, a media hosting website, and a profile page, with ease. By the end of this book, you will have built websites that are visually appealing, responsive, and robust.
Table of Contents (9 chapters)
close
close
Lock Free Chapter
1
Introduction

Creating JS code for scrolling animations

So, where did that come from, because it wasn't there before? Let's take a look at how that works. So, scrolling down, we have main.js. If I go and look in here, we have main.js. This right here is helping us with our scrolling, so I'm just going to go through and explain what this is because you can get this code to make this work off Stack Overflow.

So, if you search for bootstrap scrolling navbar issues, you will be able to scroll down and find it. If you look at the code being used, it's very similar to what I have. Let's take a look at our menu to see the functionality of how this actually works. When scrolling up, you get an animation which is using a plugin for jQuery. That is a lot of JavaScript running, along with this animation that we're seeing, and the easing in plugin, let's go look right...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Learning Bootstrap 4 by Building Projects
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon