Image 为什么图像有那个填充?

Image 为什么图像有那个填充?,image,twitter-bootstrap,Image,Twitter Bootstrap,当页面大小为xs时,我尝试将列压缩为两列。我做了必要的逻辑,并尝试使用img实现相同的逻辑。但是,在使用图像时,我无法强制图像采用块的完整大小。我已经尝试了所有必要的css编辑和东西,也许我错过了一些东西,请帮助。 借助JSFIDLE链接更好地理解它。我已经在fiddle文件中包含了css ! 阿夫桑·阿卜杜拉利·古吉拉特邦,我想就我在这里的理解而言,您希望xs视图菜单文本都保持在一条垂直线上的右侧。 停止在图像下方环绕文本。响应图像为col-xs-6的

当页面大小为xs时,我尝试将列压缩为两列。我做了必要的逻辑,并尝试使用img实现相同的逻辑。但是,在使用图像时,我无法强制图像采用块的完整大小。我已经尝试了所有必要的css编辑和东西,也许我错过了一些东西,请帮助。 借助JSFIDLE链接更好地理解它。我已经在fiddle文件中包含了css !



阿夫桑·阿卜杜拉利·古吉拉特邦,我想就我在这里的理解而言,您希望xs视图菜单文本都保持在一条垂直线上的右侧。
停止在图像下方环绕文本。响应图像为col-xs-6的全宽。但看起来您正在尝试或打算使图像与右侧文本链接的高度相同。
希望它现在的排列方式是好的

看看这个

我在这里所做的就是添加
填充底部:200px
li
tht保存图像。
看看这是否符合你的要求

.keepclear{
    padding-bottom:200px;
}  
已添加
要删除导航栏中图像周围的任何填充,请将其添加到自定义css以覆盖引导css类

.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    padding-left:0;
    padding-right:0;
 }

Afsan Abdulali Gujarati,我想就我在这里所理解的,您希望xs视图菜单文本都保持在一条垂直线的右侧。
停止在图像下方环绕文本。响应图像为col-xs-6的全宽。但看起来您正在尝试或打算使图像与右侧文本链接的高度相同。
希望它现在的排列方式是好的

看看这个

我在这里所做的就是添加
填充底部:200px
li
tht保存图像。
看看这是否符合你的要求

.keepclear{
    padding-bottom:200px;
}  
已添加
要删除导航栏中图像周围的任何填充,请将其添加到自定义css以覆盖引导css类

.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    padding-left:0;
    padding-right:0;
 }

哦,不。也许我解释错了,但模式或任何东西都没有问题。现在有一个文本,但最终我将用图像(第1页、第2页、第3页……等等)替换它们。问题在于图像周围的填充。如果你看图像,你会看到一个灰色的填充物,我想去掉它,强迫图像在大屏幕和手机屏幕上占据整个区域。我希望我解释得对。谢谢你的回复。我已经在上面的帖子中添加了一个更新,这将删除图片周围的任何填充。非常感谢:)这将很有帮助哦,不。也许我解释错了,但是图案或任何东西都没有问题。现在有一个文本,但最终我将用图像(第1页、第2页、第3页……等等)替换它们。问题在于图像周围的填充。如果你看图像,你会看到一个灰色的填充物,我想去掉它,强迫图像在大屏幕和手机屏幕上占据整个区域。我希望我解释得对。谢谢你的回复。我已经在上面的帖子中添加了一个更新,这将删除图片周围的任何填充。非常感谢:)这将很有帮助哦,不。也许我解释错了,但是图案或任何东西都没有问题。现在有一个文本,但最终我将用图像(第1页、第2页、第3页……等等)替换它们。问题在于图像周围的填充。如果你看图像,你会看到一个灰色的填充物,我想去掉它,强迫图像在大屏幕和手机屏幕上占据整个区域。我希望我解释得对。感谢您的回复。我已经在上面的帖子中添加了一个更新,可以删除图片周围的任何填充。非常感谢:)这会有所帮助