--- title: "How to use image gallery Slider in bootstrap" description: "How to use image gallery Slider in bootstrap" author: "Anonymous User" published: 2016-01-01 updated: 2023-07-03 canonical: https://www.mindstick.com/forum/33818/how-to-use-image-gallery-slider-in-bootstrap category: ".net" tags: ["bootstrap"] reading_time: 3 minutes --- # How to use image gallery Slider in bootstrap I want to use [image gallery](https://www.mindstick.com/forum/12835/how-to-add-swipe-feature-to-a-image-gallery) Slider in [bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) .how to use This please give me a demo. ## Replies ### Reply by Aryan Kumar Sure, here are the steps on how to use image gallery slider in Bootstrap: 1. Create an image gallery slider in your HTML page. 2. Add the Bootstrap carousel library to your HTML page. 3. Write Bootstrap code to control the image gallery slider. 4. Bind the Bootstrap code to the image gallery slider. Here is an example of the code: HTML ```plaintext ``` This code will create an image gallery slider in your HTML page. The Bootstrap carousel library will be loaded from CDN. The Bootstrap code will control the image gallery slider by showing the next and previous images. The Bootstrap code will be bound to the image gallery slider using the `ready` event handler. ### Reply by Anonymous User When you want to use [image](https://www.mindstick.com/articles/23551/an-investigate-distinctive-seafood-restaurant-for-your-image-stamp-character) [gallery](https://answers.mindstick.com/qa/31021/how-do-i-style-a-gallery-wall) Slider in bootstrap first you download and add bootstrap css and JavaScript in your project. after you add reference in your html page. you can see below write some code.\ ``` <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Image Gallary.aspx.cs" Inherits="Forumasp.Image_Gallary" %>
``` ![How to use image gallery Slider in bootstrap](https://www.mindstick.com/mindstickforums/c58e7999-007f-4736-8138-eefb003e2b3f/images/b2a6dffd-c92e-4404-8898-1c4f61dfcc42.png)\ --- Original Source: https://www.mindstick.com/forum/33818/how-to-use-image-gallery-slider-in-bootstrap Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.