jquery实现bootstrap栅格布局同行div等高

最新推荐文章于 2024-05-10 09:33:54 发布

blue guitar

最新推荐文章于 2024-05-10 09:33:54 发布

阅读量2.7k

点赞数

分类专栏： bootstrap栅格等高 div等高文章标签：栅格布局DIV等高栅格布局多个DIV等高栅格布局多个同行DIV等高 bootstrap栅格系统中同行div高度不一致的解决方法

本文链接：https://blog.csdn.net/qq_42773265/article/details/86093559

版权

这篇博客记录了作者如何通过jQuery解决Bootstrap栅格布局中同行多个div等高的问题。通过设置不同背景颜色的div进行观察，然后利用jQuery判断并设置最高div的高度为所有同行div的统一高度，从而实现等高效果。虽然作者没有JS或jQuery基础，但成功实现了功能，表示会继续学习进步。

摘要由CSDN通过智能技术生成

小白的问题，解决了一下，觉得很开心，做个记录

栅格布局中的同行3个div等高，也得以更多的div等高

1、引入bootstrap，创建一个三栏的栅格DIV。有用的代码是body里的内容，忽略没有用的

<!DOCTYPE html>
<html lang="zh-CN">
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
  <title>石河子260开锁-靠谱</title>
  <meta name="keywords" content="石河子开锁 开锁电话 石河子260开锁">
  <meta name="description" content="一家服务于石河子的开锁公司">
  <!-- Bootstrap -->
  <link href="http://www.shz260.com/css/bootstrap.min.css" rel=