Bootstrap Tourist screenshot

Bootstrap Tourist

Updated: 22 Jan 2020
62 Stars

Quick and easy way to build your product tours with Bootstrap Popovers for Bootstrap 3 and 4. Based on Bootstrap-Tour, but with many fixes and features added.

Overview

Bootstrap Tourist is a powerful and user-friendly tool designed to facilitate the creation of product tours using Bootstrap Popovers for both Bootstrap 3 and 4. This project emerged as a fork from Bootstrap Tour in response to the need for improved functionality, a transition to native ES6, and the resolution of existing bugs and feature requests. If you’re looking for an efficient way to guide users through your application while utilizing the framework of Bootstrap, Bootstrap Tourist offers a fresh and streamlined solution.

With its ongoing development, Bootstrap Tourist allows for a seamless transition from Bootstrap Tour, presenting an easy setup for both newcomers and those familiar with past versions. The focus on maintaining compatibility with Bootstrap 3.4 and 4.3 ensures that developers can leverage the best features of Bootstrap while enhancing user engagement through guided tours.

Features

  • Compatibility: Works seamlessly with Bootstrap 3.4.x and 4.3.x, ensuring broad usability.
  • Easy Setup: Integrate quickly by including bootstrap-tourist.js and bootstrap-tourist.css directly into your project.
  • Native ES6 Support: Transitioning from CoffeeScript to ES6 for improved performance and modern development practices.
  • Enhanced Control Flow: Utilize onNext() and onPrevious() options to customize the tour experience, allowing for diverse interactions.
  • Dynamic Element Selection: The “element:” option allows you to programmatically determine which elements to highlight during the tour.
  • No Redundant Initialization: Eliminate conflicts by using tour.start() instead of the traditional tour.init(), simplifying the initiation process.
  • Comprehensive Documentation: Access detailed guidance and examples within the /docs/ folder of the repository, aiding setup and troubleshooting.
  • Error Handling: Built-in warnings for deprecated methods like tour.init(), providing developers with a clear path to maintain updated code.