Question

我正在使用boostrap创建一个网页调查页面，因为我希望在平板电脑或手机中访问时，我的设计在笔记本电脑/计算机中仍然相同。

但是我在调整浏览器大小时发现了问题

这是我的网页，当尺寸浏览器＆gt; = 995px时 [！[在此处输入图像说明] [1]] [1]

但是当调整大小＆lt; = 990px

时

[！[在此处输入图像说明] [2]] [2]

我不知道解决方法如何解决这个问题

这是我的代码

<div class="container-fluid" >
                    <div class="row">
                        <div class="col-md-4 col-sm-4 lk-back">

                </div>
        </div>

在codepen中

帮助我谢谢

Answer 1

在img标记

中尝试

<img class="img-responsive" src="path/to/image" />

课程

d1 <- read.table(header=FALSE, sep=":", stringsAsFactors = FALSE, text=
'   "C1","name1","type1": 2
   "C1","name2","type4": 6
   "C2","name1","type2": 1
   "C1","name3","type1": 10')

d2 <- read.table(header=FALSE, sep=",", stringsAsFactors = FALSE, text=d1$V1)

cbind(d2, d1V2=d1$V2)
#> cbind(d2, d1V2=d1$V2)
#     V1    V2    V3 d1V2
#1    C1 name1 type1    2
#2    C1 name2 type4    6
#3    C2 name1 type2    1
#4    C1 name3 type1   10

Answer 2

默认情况下，a不是块元素。

a {
    display: block;
}

但是你不应该将bootstrap类应用于普通元素。使用bootstrap类只是为了布局，以避免这样的问题。

调整大小时的响应图像

2 个答案: