укладывание различных высот в начальной загрузке с использованием CSS

В этом сценарии система строки Bootstrap представляет собой проблему в оптимальном отображении категорий различных высот. Чтобы решить эту проблему без использования плагина кладки, рассмотрим следующее решение CSS:

1. Использовать видимые классы для отзывчивого стека:
   используйте классы .visible-sm, .visible-Md и .visible-lg, сопряженные с clearfix. Это гарантирует, что поплавки очищаются надлежащим образом на основе размера экрана.

2. Пример реализации: ]
   ниже представлена ​​упрощенная демонстрация для двух категорий с разными высоты:

   
       
   
           
     
    
     дополнительные примечания:  
    
    
   . Visible-SM очищает плавания для небольших экранов ( 
   . (> 768px) 
    
   . Visible-lg очищает плавания для больших экранов (> 1200px) 
    
    отрегулировать стиль = "высота: ...;" Атрибут в соответствии с вашей конкретной категорией Div Heights 
    
    Убедитесь, что класс ClearFix применяется за пределами столбцов, чтобы эффективно очистить Floats 
    
    
     
   ]. Этот подход обеспечивает чистое решение CSS, совместимое с начальной загрузкой, устраняя необходимость оптимальной визуализации макета. 
   ]