hello sir
I want to ask for tutorial about
:- in your website in the last column
how to create like that where information fetched from the database
:-- What our readers say --:
Hi amitsinghr,
Refer below HTML and you need to modify the code according to your requirement
HTML
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style type="text/css"> .carousel-inner { width: auto; height: 200px; max-height: 200px !important; } .carousel-content { color: black; display: flex; text-align: center; } </style> <script type="text/javascript"> $(document).ready(function () { $('.carousel').carousel({ interval: 1000 }); }); </script> </head> <body> <form id="form1" runat="server"> <div> <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="4000" data-pause="hover"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <div class="carousel-content"> <div style="margin: 0 auto"> <h3> #1</h3> <p> The first Message.</p> </div> </div> </div> <div class="item"> <div class="carousel-content"> <div style="margin: 0 auto"> <h3> #2</h3> <p> The 2nd Message.</p> </div> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only"> Previous</span> </a><a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"> </span><span class="sr-only">Next</span> </a> </div> </div> </form> </body> </html>
Demo
© COPYRIGHT 2025 ASPSnippets.com ALL RIGHTS RESERVED.