Плагин Bootstrap Carousel-это гибкий и отзывчивый способ добавления ползунков на ваш сайт. Кроме того, контент достаточно гибкий, чтобы быть изображением, встроенным кадром, видео или любого другого типа контента, который вы хотите разместить.
Использование плагина Carousel Bootstrap может добавить ползунки на сайт, а контент могут быть изображениями, встроенные рамки, видео или что -либо еще. Использование плагина Carousel требует введения Bootstrap.min.js.
Позвольте мне сначала показать вам визуализации. Если вы чувствуете, что это довольно хорошо, пожалуйста, обратитесь к коду реализации.
Рендеринги следующие:
Ключевой код заключается в следующем:
<div id = "Carousel-example-generic" data-ride = "carousel"> <! ― Carousel Navigation-> <ol> <li data-target = "#carousele-example-generic" slide-to = "0"> </li> <li data-target = "#example-generic" data-slide-to- "1" data-target = "#carousel-example-generic" data-slide-to = "2"> </li> </ol> <! ― Carousel Project-> <div role = "listbox"> <viv> <img src = "~/images/chrysanthemum.jpg"/> <div> </div> src="~/images/Desert.jpg" /><div>xxxxxxxxxxxxxxxxxx</div></div><div><img src="~/images/Lighthouse.jpg" /><div>mmmmmmmmmmmm</div></div><!―Caropus Navigation--><a href = "#carousel-example-generic" rol = "button" data-slide = "prev"> <pan> </span> <pan> предыдущий </span> </a> <a href = "#carousele-example-generic" role = "Кнопка" data-slide = "next"> <pran> </span> <pran> healh </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
Выше приведено полное описание десятой главы плагина Bootstrap Carousel, представленной вам. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!