Основное содержание этой статьи состоит в том, чтобы сделать картину каруселей под панели навигации, чтобы автоматически воспроизводить последнюю важную новость для вашей ссылки. Конкретный контент заключается в следующем
1. Отзывчивая диаграмма карусели
// Отзывчивая диаграмма карусели
<div id = "mycarousel"> <ol> <li data-target = "#mycarousel" data-slide-to = "0"> </li> <li data-target = "#mycarousel" data-slide-to = "1"> </li> <li data-target = "#mycarousel"-slide-to = "2"> </li> </li> </li> </li> </li> </li> </li> </ol style = "fourene:#223240;"> <a href = "#"> <img src = "img/slide1.png"> </a> </div> <div style = "founal:#f5e4dc;"> <a href = "#"> <img src = "img/slide2.pg"> </a> </a> </a> </a> </a> </a> </a> </a> </a> </a> </a> </a> </a> </a> </a> </a> </a> </a> </a> </#" style = "fourens:#de2a2d;"> <a href = "#"> <img src = "img/slide3.png"> </a> </div> </div> <a href = "#mycarousele" data-slide = "prev"> ‹> <A href ="#mycarousel "data-slide ="/a> <A href = "#myCarousel".
// требуемый контроль jQuery
$ ('#MyCarouseL'). Carousel ({// Установить автоматическое воспроизведение/2 секунды интервал: 3000,});// отрегулировать положение стрелки карусели
$ ('. Carousel-inner img'). EQ (1). Height () || $ ('. Carousel-inner img'). EQ (1). Height () || $ ('. Carousel-inner img'). EQ (2). Height (); $ ('. Carousel-inner img'). EQ (2). Height (); $ ('. Carousel-inner img'). EQ (2). Height (); $ ('. Carousel-Control'). CSS ('Line-Height', $ height + 'px');});// требуется CSS
A: Focus {upline: none;}. Navbar-Brand {padding: 0;}#mycarouseel {margin: 50px 0 0 0;}. Carousel-inner .item img {margin: 0 auto;}. Carousel-control {font-size: 100px;}Если вы все еще хотите учиться в глубине, вы можете нажать здесь, чтобы изучить и прикрепить к вам замечательную тему: учебник по обучению Bootstrap Bootstrap Практическое руководство
Замечательное обмен темами: jquery picture carousel javascript picture carousel bootstrap picture carousel
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.