如何在移动设备上显示一列,在桌面上显示三列

问题描述 投票:0回答:1
html css twitter-bootstrap bootstrap-4
1个回答
-1
投票

一种方法是使用媒体查询。如果特定条件为真,媒体查询用于应用一些 CSS 属性。

将 id (或唯一的类)添加到所有三个 col div 并将视口添加到 html 文件的

<head>
,如下所示:

<head>
  <meta name='viewport' content='width=device-width,initial-scale=1'/>
  <!-- Other meta tags ... --> 
</head>

并将此 css 属性添加到您的样式中:

@media (max-width: 599px) {#col1, #col2 { display: none; }}
© www.soinside.com 2019 - 2024. All rights reserved.