html – 为我的响应项目制作具有div基础结构的表

html – 为我的响应项目制作具有div基础结构的表,第1张

概述在我的新项目中,我正在使用bootstrap和css,我正在使用div基础结构制作响应表.我正在尝试这个例子来制作表格,但我的页面如下图所示: 我试图把图像结构放在下面: 问题只有1×3元组.  ` <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.cs 在我的新项目中,我正在使用bootstrap和CSS,我正在使用div基础结构制作响应表.我正在尝试这个例子来制作表格,但我的页面如下图所示:


我试图把图像结构放在下面:

问题只有1×3元组.
 `

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/CSS/bootstrap.min.CSS"><div  >   <div >       <div >1</div>       <div >2</div>   </div>   <div >       <div >1</div>       <div >2</div>       <div >3</div>   </div>   <div >       <div >1</div>       <div >2</div>       <div >3</div>   </div></div>

`

解决方法 使用你的代码我正确你的代码.将第一个col-md-6更改为col-md-4,然后将第二个col-md-6更改为col-md-8.如果在此之后您不明白,那么请使用我的代码.

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/CSS/bootstrap.min.CSS" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BUGjplSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"><style> div{    border: 1px solID black;  }  </style><div   >    <div  >         <div >             1         </div>         <div >            2         </div>    </div>    <div >        <div >            1        </div>        <div >            2        </div>        <div >            3        </div>    </div>    <div >            <div >                1            </div>            <div >                2            </div>            <div >                3            </div>        </div></div>

在设备的全屏幕中查看我的代码段.

总结

以上是内存溢出为你收集整理的html – 为我的响应项目制作具有div基础结构的表全部内容,希望文章能够帮你解决html – 为我的响应项目制作具有div基础结构的表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1075038.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存