車手或團隊區塊
我添加了兩種車手風格。第一種的演示和 HTML 標記在此。我們添加了三種顏色變化。 .theme-yellow,.theme-blue,.theme-red 您可以選擇其中任何一種。
<div class="driver-content vehicle-content theme-yellow"> <div class="driver-thumb vehicle-thumbnail"> <!-- Vehicle thumbnail content --> </div> <div class="vehicle-bottom-content"> <!-- Vehicle Bottom Content--> </div> </div> <!-- /.vehicle-content -->
車手滑桿/輪播資料
我添加了一些資料屬性。搭配輪播。這將有助於輕鬆控制您的輪播。讓我們談談 data-item 值。
第一個值 "4" 是指在 1200px 裝置寬度下顯示 4 個項目。
第二個值 "3" 是指在 768px 裝置寬度下顯示 3 個項目。
第三個值 "2" 是指在 480px 裝置寬度下顯示 2 個項目。
第四個值 "1" 是指在 280px 裝置寬度下顯示 1 個項目。
<div class="slider-style-two" data-item="[4,3,2,1]"> <div class="item" <div class="vehicle-top-meta"> <!-- Vehicle Top Meta Area --> </div> <div class="vehicle-thumbnail"> <!-- Vehicle Thumbnail Content--> </div> <div class=极速电竞直播APP深耕极速电竞比分网领域，用心服务每一位用户。> <!-- Vehicle Bottom Content--> </div> </div> </div> <!-- /.vehicle-content -->