(в меню вкладок) элементы на 2-й вкладке начинаются там, где заканчиваются элементы на 1-й вкладке, я хочу удалить пространство emtpy во 2-й вкладке - PullRequest
Новая
       7

(в меню вкладок) элементы на 2-й вкладке начинаются там, где заканчиваются элементы на 1-й вкладке, я хочу удалить пространство emtpy во 2-й вкладке

0 голосов
/ 04 апреля 2019

Я хочу, чтобы элементы на 2-й вкладке начинались с левого верхнего угла, а не с точек, где находятся элементы на 1-й вкладке.

Есть примеры - https://ibb.co/F6VdJhz https://ibb.co/qY8PSQH

есть код: 

    <ul class="nav nav-tabs" id="menu" role="tablist">
        <li class="nav-item">
            <h3> <a class="nav-link active" id="main-tab" data-toggle="tab" href="#main" role="tab" aria-controls="main" aria-selected="true">Classic</a> </h3>
        </li>
        <li style="padding-left: 30px;" class="nav-item">
            <h3> <a class="nav-link" id="extra-tab" data-toggle="tab" href="#extra" role="tab" aria-controls="extra" aria-selected="false">Extra</a> </h3>
        </li>
     </ul>

    <div class="tab-content" id="menuContent">
         <div class="tab-pane fade show active" id="main" role="tabpanel" aria-labelledby="main-tab">

                 <button  class="product_button col-md-3"  v-bind:class="[ product.id == current_product ? 'active' : '', product.group_id % 2 ? 'btn-default':'btn-warning']" v-for="product in groups_list_parsed[0].productsHas" @click.prevent="showVarieties(product)">  
                                       @{{ product.name }}
                   </button>    

         </div>
        <div class="tab-pane fade" id="extra" role="tabpanel" aria-labelledby="extra-tab">


                  <button  class="product_button col-md-3"  v-bind:class="[ product.id == current_product ? 'active' : '', product.group_id % 2 ? 'btn-default':'btn-warning']" v-for="product in groups_list_parsed[1].productsHas" @click.prevent="showVarieties(product)">  
                                       @{{ product.name }}
                   </button>    


        </div>

    </div>    

</div>

...