+
50
-

bootstrap如何实现pc端同一行中无数个卡片自适应不换行,移动端每个卡片一行一个排列?

bootstrap如何实现pc端同一行中无数个卡片自适应不换行,移动端每个卡片一行一个排列?每一行宽度100%,这个bootstrap怎么写代码?

网友回复

+
0
-
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.4.3.1.min.css">
</head>
<body>
<div class="container">
  <div class="row">
    <div class="col-12 col-md">列1111111111111111111111</div>
    <div class="col-12 col-md">列2</div>
    <!-- 可以继续添加任意数量的列 -->
    <div class="col-12 col-md">列n</div>
  </div>
</div>
</body>
</html>
		

我知道答案,我要回答