Bootstrap Carousel не работает в asp.net Webform

Я успешно установил bootstrap из nuget. Менеджер Pakage всех элементов начальной загрузки работает отлично, но карусель не сдвигается. Любая помощь была бы оцененаBootstrap Carousel не работает в asp.net Webform

Вот моя страница Default.aspx, в которой я пытался реализовать карусель.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
 

 
<!DOCTYPE html> 
 

 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head runat="server"> 
 
    <title>boot test</title> 
 
    <link href="Content/bootstrap.min.css" rel="stylesheet" /> 
 
</head> 
 
<body> 
 
    <form id="form1" runat="server"> 
 
    
 
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
 
    <!-- Indicators --> 
 
    <ol class="carousel-indicators"> 
 
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
 
    <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
 
    <li data-target="#carousel-example-generic" data-slide-to="2"></li> 
 
    </ol> 
 

 
    <!-- Wrapper for slides --> 
 
    <div class="carousel-inner" role="listbox"> 
 
    <div class="item active"> 
 
     <img src="Images/usman.jpg" alt="..."/> 
 
     <div class="carousel-caption"> 
 
      
 
     ... 
 
     </div> 
 
    </div> 
 
    <div class="item"> 
 
     <img src="Images/usman.jpg" alt="..."/> 
 
     <div class="carousel-caption"> 
 
     ... 
 
     </div> 
 
    </div> 
 
    ... 
 
    </div> 
 

 
    <!-- Controls --> 
 
    <a class="left carousel-control" href="#carousel-example-generic" 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="#carousel-example-generic" role="button" data-slide="next"> 
 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
 
    <span class="sr-only">Next</span> 
 
    </a> 
 
</div> 
 
    
 
    </form> 
 

 
    <script src="Scripts/bootstrap.min.js"></script> 
 
    <script src="Scripts/jquery-1.9.1.min.js"></script> 
 
</body> 
 
</html>

источник

2016-01-17 usman ahmad

Ваш jquery-1.9.1.min.js должен предшествовать bootstrap.min.js

<script src="Scripts/jquery-1.9.1.min.js"></script> 
<script src="Scripts/bootstrap.min.js"></script>

источник

2016-01-17 13:55:08 JustLearning

хорошо позвольте мне проверить спасибо за ответ –

Thanx босса :) не работал –

LOL никаких забот, я имел этот Дилем раньше:) – JustLearning

Bootstrap Carousel не работает в asp.net Webform

ответ

Смежные вопросы