Форумы портала PHP.SU :: Версия для печати :: Не варавнивается чекбокс рядом с картинкой

1. mstdmstd - 18 Мая, 2019 - 10:34:18 - перейти к сообщению

Всем привет,
В bootstrap 4.3 / vuejs 2.5 приложении есть список где слева от картинки есть чекбокс и который не получается выставить посередине по высоте
https://prnt[dot]sc/nq4li6

То есть если картинка отсутствует то выравниается нормально. А если есть картинка - то ломает дизайн.

Делал так:

CODE (htmlphp):
скопировать код в буфер обмена

<div class="card float-right">
   <div class="card-body">
 
      <div class="row">
 
 
         <div class="col-12 col-sm-3 m-0 p-1 align-self-center align-middle">
 
            <div class="row align-middle pl-3">
               <div class="col-1 float-left align-middle pl-3">
                  <input type="checkbox" class="custom-control-input align-middle" :id="'next_search_result_id_'+ nextSearchResult.Id"
                     :value="nextSearchResult.Id" v-model="nextSearchResult.is_checked">
                     <label class="custom-control-label" :for="'next_search_result_id_'+ nextSearchResult.Id"></label>
               </div>
               <div class="col-11 float-right align-self-center align-middle" v-if="nextSearchResult.PictureUrl">
                  <img :src="nextSearchResult.PictureUrl" alt="" class=" mx-auto d-block" style="width:160px; height: auto; ">
               </div>
            </div>
         </div><!--end col-->
 

Посмотреть вживую можно тут :
http://178[dot]128[dot]145[dot]48/login
demo@demo.com wdemo

Должна открыться страница http://178[dot]128[dot]145[dot]48/websites-blogs

2) Посмотрите, пожалуйста, на общий дизайн этой страницы : Включая нажатие на “Filter” с открытием панели с фильтрами и “Search”
с открывающимся списком данных(он загружается автоматически). И фильтры и результирующие данные имею много элементов - это упорядодить доволно тяжело ...

Спасибо!