Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Twitter BootStrap Carousel why added hashtag at end of url

i am using Carousel (Slider) when i click on next and prev buttons it add hashtag #cptbc_105 at end of url i want to remove this , the carousel little jump i don't know why this happen page go to up when i click on next button.

Here is url : http://goo.gl/m3BlBU

Please help me, Thanks.

like image 808
Harman Avatar asked Jan 08 '14 10:01

Harman


People also ask

How do I stop auto sliding in bootstrap 5 carousel?

Use the [interval]="'0'" input. This will disable the auto-sliding feature.

What is a carousel It's OK if you forgot just go to the bootstrap website and check it out?

The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.

Why is Bootstrap carousel not sliding?

In browsers where the Page Visibility API is supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when the browser tab is inactive, the browser window is minimized, etc.).


1 Answers

It seems that "cptbc_105" is id of your carousel. Page URL changes because you use href="#cptbc_105" on your left and right buttons. Just change "href" attr to "data-target" attr and everyhing will work correctly.

CHANGE:

<a class="right carousel-control" href="#cptbc_105" role="button" data-slide="next"> <span class="sr-only">Next</span> </a>

TO:

<a class="right carousel-control" data-target="#cptbc_105" role="button" data-slide="next"> <span class="sr-only">Next</span> </a>

like image 140
Julia Usanova Avatar answered Sep 30 '22 18:09

Julia Usanova