Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 响应式自定义div表_Html_Css_Html Table_Bootstrap 4_Responsive - Fatal编程技术网

Html 响应式自定义div表

Html 响应式自定义div表,html,css,html-table,bootstrap-4,responsive,Html,Css,Html Table,Bootstrap 4,Responsive,我必须创建div表,因为我没有找到使用bootstrap表元素的方法 以下是图片: 代码如下: Lorem ipsum 同侧眼睑 同侧眼睑 洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图 洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图 洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图 洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图 洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图 Lorem ipsum Lorem ipsum dolor sit amet,一位杰出的领导者,一位伟大的领袖

我必须创建div表,因为我没有找到使用bootstrap表元素的方法

以下是图片:

代码如下:


Lorem ipsum

同侧眼睑

同侧眼睑

洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图

洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图

洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图

洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图

洛雷姆·伊普苏姆·多洛·希特·阿梅特,康塞特图

Lorem ipsum

Lorem ipsum dolor sit amet,一位杰出的领导者,一位伟大的领袖

Lorem ipsum

Lorem ipsum dolor sit amet,一位杰出的领导者,一位伟大的领袖

洛雷姆·伊普斯姆·多洛·希特,一位杰出的职业经理人,他是一位临时劳工


引导中的col类将把行划分为您添加的col元素的数量。为了使其具有响应性,请使用col-sm-12(小型设备上的全宽)、col-md-6(中屏幕的两列网格)等类为每种屏幕类型指定元素的宽度。别忘了,引导首先是移动的。

欢迎使用Stackoverflow。请看,我建议您发布更多详细信息,说明到目前为止您是如何试图解决您所面临的问题的。我们在这里提供帮助,但不是简单地为您完成整个任务而不亲自尝试,因为您无法通过这种方式学习。请尝试将所有任务包装在div中,并将style=“overflow-x:auto;”添加到该div中,也可以使用表tagI来完成。我还只是在代码段中添加boostrap作为外部资源,以便引导加载。您还可以将CSS添加到该页面中,使其成为屏幕上内容的1:1复制。另外,请避免在代码片段中添加您的代码可以轻松演示的图片,因为在两年内,当用户出于同一问题来到本文时,该图像可能不再存在。。。我在第一篇评论中发布的链接中包含了这一点。