Html 如何使用引导使表格响应并与图像对齐

我需要在图像中对齐表格部分，但我使用的是引导容器col-md-4，我还需要お知らせ 在使用手机时处于最顶端

HTML:

---

我不确定你到底在找什么。但据我所知，在容器内将图像宽度设置为100%可以解决对齐问题

.col-md-4 img{
    width: 100%;
}

---

要回答第二个问题新闻表，需要在标记中显示新闻表，以便我可以为您提供解决方案。干杯

希望这对你有帮助。我刚刚为创建了一个类 温度h3{ 颜色：1D2087； 字体大小：33px； 边缘顶部：55px； 字体大小：粗体； } 温度txt h4{ 颜色：1D2087； 字体大小：15px； 填充：1%012%； 字体大小：粗体； 文本对齐：左对齐； } .img { 身高：30%； 宽度：100%； } 信息{ 背景色：1D2087； 字号：19px； 颜色：白色； 填充：35px 1%3%25px； 边缘顶部：55px； } .第一{ 字体大小：粗体； } 信息tr a{ 颜色：白色； 左侧填充：25px； 浮动：左； } 信息tr td a：悬停{ 颜色：ffff00； } かっこよ しっかり稼げる マグロなど一匹あたり約１～２万円で 売れるので月収100万円も夢ではあ りません。目指せ年収1000万円！ 大物釣って 家族に自慢！ 自慢できる仕事ってそうそうあるもの ではない、がここにはある！うちの父 ちゃんりょうマンやき！そんな声が聞こ えてきそう。 漁師になるなら 土佐が一番！ 日本を代表する漁場といえば、何とい っても言わずと知れた南国土佐。釣っ た魚はおそらくどこにも負けない旨さ のものばかり！土佐の高知は日本一 魚がうまい所なのです。 お知らせ 2019.1.20 2019.1.21

---

请注意，我已经使页脚信息标题在较小的屏幕上从左对齐到中心。图像也具有响应性，因此它们不会在较小的屏幕上重叠。图像与信息边框对齐。 以下是您的更新代码：

温度h3{ 颜色：1D2087； 字体大小：33px； 边缘顶部：55px； 字体大小：粗体； } 温度txt h4{ 颜色：1D2087； 字体大小：15px； 填充：1%012%； 字体大小：粗体； 文本对齐：左对齐； } 信息{ 背景色：1D2087； 字号：19px； 颜色：白色； 填充：35px 1%3%25px； 边缘顶部：55px； } .第一{ 字体大小：粗体； } 信息a{ 颜色：白色； 左侧填充：25px； 浮动：左； 文字装饰：下划线； } 信息a：悬停{ 颜色：ffff00； 文字装饰：无； } info.txt{ 高度：2米； } 海丁先生{ 文本对齐：居中 } かっこよく しっかり稼げる マグロなど一匹あたり約１～２万円で 売れるので月収100万円も夢ではあ りません。目指せ年収1000万円！ 大物釣って 家族に自慢！ 自慢できる仕事ってそうそうあるもの ではない、がここにはある！うちの父 ちゃんりょうマンやき！そんな声が聞こ えてきそう。 漁師になるなら 土佐が一番！ 日本を代表する漁場といえば、何とい っても言わずと知れた南国土佐。釣っ た魚はおそらくどこにも負けない旨さ のものばかり！土佐の高知は日本一 魚がうまい所なのです。 お知らせ 2019.1.20 2019.1.21

---

我正在使用在线引导包。我试过你给我的密码，但只是图像移动。我需要

---

要调整新闻表的大小，使其在图像中对齐，使用移动设备时需要お知らせ 我尝试了这个，但只是图像移动。新闻表格需要在图像中对齐不使用流体怎么样？它需要在中心你需要在中心的哪个部分？如果希望整个设置位于中心，可以将整个设置放在一个容器中。

#temp h3{
    color: #1D2087;
    font-size: 33px;
    margin-top: 55px;
    font-weight: bold;
}

#temp .txt h4{
    color: #1D2087;
    font-size: 15px;
    padding: 1% 0 0 12%;
    font-weight: bold;
    text-align: left;
}

#info{
    background-color: #1D2087;
    font-size: 19px;
    color: white;
    padding: 35px 1% 3% 25px;
    margin-top: 55px;
}

.no1 {
    font-weight: bold;
}

#info tr a{
    color: white;
    padding-left: 25px;
    float: left;
}

#info tr td a:hover{
    color: #ffff00;
}

.col-md-4 img{
    width: 100%;
}

.img
{
     height: 30%;
    width: 100%;
}