進階搜尋區塊

預設搜尋區塊

為使用者提供情境式進階搜尋，以便使用者找到他們的車輛。我使用 .gray-20 class 搭配 .check-vehicle-block 作為表單背景。以及 .input-night-rider 搭配 .advance-search-query 作為輸入欄位背景。以及 .yellow-theme 用於輸入圖示顏色。

<div class="check-vehicle-block gray-20">
   <div class="container">
        <div class="row">
            <div class="col-md-4">
                <!-- Form Title -->
            </div>
            <div class="col-md-8">
                <!-- Search Form-->
            </div>
        </div>
   </div>
</div> <!-- /.check-vehicle-block -->   

進階搜尋表單二

使用 .style-two 實用類別，可快速提供相符的顏色表單輸入背景顏色與樣式。以及 .theme-red 用於紅色輸入圖示。

<div class="check-vehicle-block style-two">
   <div class="container">
        <div class="row">
            <div class="col-md-4">
                <!-- Form Title -->
            </div>
            <div class="col-md-8">
                <!-- Search Form-->
            </div>
        </div>
   </div>
</div> <!-- /.check-vehicle-block -->   

其他表單樣式與類別

其他樣式相同。例如 .check-boxshadow,.theme-blue 搭配 .check-vehicle-block 用於新增陰影和變更輸入圖示顏色。希望您能理解。我們也為滑桿創建了進階搜尋表單。您可以從 index02.html 滑桿區塊