8 practical Bootstrap projects

Bootstrap stands as one of the most popular, open-source, front-end frameworks on the Web. Since its official release in 2011, it has undergone several changes, and it's now one of the most stable and responsive frameworks available. It's loved by web developers of all levels, as it gives...

Full description

Bibliographic Details
Main Author: Perna, Maria Antonietta
Format: eBook
Language:English
Published: [Place of publication not identified] SitePoint 2018
Subjects:
Online Access:
Collection: O'Reilly - Collection details see MPG.ReNa
Table of Contents:
  • Chapter 5: How to Build a Responsive Bootstrap WebsiteWhat "Responsive Bootstrap Website" Means; Setting Up; Let's Begin Building Our Responsive Bootstrap Website; The Responsive Navigation; The Marketing Area; The Content Section; The Right Sidebar; Building the Footer; Conclusion; Chapter 6: Bootstrap and WordPress Theme Integration in 8 Easy Steps; Why WordPress?; Why Bootstrap?; Prerequisites for Following Along; Key Steps to Integrate Bootstrap and WordPress; Conclusion; Chapter 7: Integrating Bootstrap with React: a Guide for Developers
  • Chapter 3: Animating Bootstrap Carousels with GSAP's Animation LibraryBuilding the Carousel; Initializing the Carousel; Adding Keyboard Navigation; Animating Bootstrap Carousels: First Animations; Customizing the Carousel When JavaScript is Disabled; Conclusion; Chapter 4: Build a Simple Tumblr Theme with Bootstrap; Our Basic HTML and Bootstrap Resources; Adding Custom Styles; Creating the Tumblr Theme Header; Creating a Container to Hold Posts; Handling Text Posts; Handling Photo Posts; Handling Quote Posts; Handling Pagination; Applying the Theme to Tumblr; Conclusion
  • Importing Bootstrap-Vue with a script Tag in the Document SectionWorking With Bootstrap-Vue Components; Conclusion
  • 8 Practical Bootstrap Projects; Notice of Rights; Notice of Liability; Trademark Notice; About SitePoint; Preface; Who Should Read This Book?; Conventions Used; Chapter 1: Spicing Up the Bootstrap Carousel with CSS3 Animations; Introducing Animate.css; Introducing the Bootstrap Carousel; Building the HTML Structure; Adding CSS to the Carousel; Writing the jQuery; Conclusion; Chapter 2: A Full-screen Bootstrap Carousel with Random Initial Image; Building the Carousel; Creating Full-screen Bootstrap Carousel Slides; Initializing a Random Slide; Potential Further Customizations?; Conclusion
  • Why You Can't Just Include Bootstrap Components with ReactSetting up a Bootstrap Stylesheet with React; Using Vanilla Bootstrap with React; An Overview of Third-party Libraries for React and Bootstrap; Setting up the reactstrap Library; Bootstrap Grid Basics; Bootstrap Style Components in React; Demo: A Contact List Application UI with reactstrap; Summary; Chapter 8: Integrating Bootstrap with Vue.js using Bootstrap-Vue; Introducing Bootstrap; Connecting Bootstrap with Vue.js; Bootstrap-Vue; Getting Started with Bootstrap-Vue Using the Command Line