如何在当前bootstrap模板中正确居中背景图像

文章/答案/技术大牛

发布

2回答

html、css、asp.net-core、bootstrap-4、frontend

我目前正在尝试让整个背景图像保持在用户的窗口内，而不管他们使用的是哪种设备。我已经能够添加背景图像，但没有成功地尝试实现图像的居中。当前的结果是 ? 。-moz-background-size: cover; background-size: cover; } 由于该解决方案去掉了整个背景图像，所以现在我只需要在main-content div中设置图片的

浏览 20提问于2020-11-09得票数 0

回答已采纳

1回答

bootstrap中的分层标头结构

twitter-bootstrap、header、nested、layer

我正在尝试在bootstrap中创建一个分层的头文件。最底层的背景图像，标题在背景图像的顶部(始终在顶部居中)，徽标也在背景图像的顶部(始终在右上角)，标语也在背景图像的顶部(始终右对齐)，引号在背景图像的顶部(居中对齐)。标题，标志，标语

浏览 0提问于2014-11-20得票数 0

2回答

背景图像上的html div

css、html

我有一个网站的模板，这是一个图像，我已经设置为背景图像。现在我要做的就是把html放在上面。例如，在整个模板的一部分中，有一些图像，但最终当它们被点击时，它们需要做一些事情。因此，我需要在包含不同部分的整个模板上放置一些div。 background-position:center;所以它总是居中<e

浏览 0提问于2014-03-11得票数 0

1回答

Bootstrap 3-针对台式机/平板电脑/移动设备的不同对齐方式的响应菜单？

twitter-bootstrap、twitter-bootstrap-3

我正在为Bootstrap 3寻找一个模板/代码片段，它将创建一个具有以下特征的3项菜单：移动(<400px) -与平板电脑相同，但堆叠在彼此之上。我可以通过单独的媒体查询，并为每个布局确定具体的风格……但希望节省一些时间&将来会变得更糟(框架中的手工操作越少越好)。这是我所拥有的截图，以及我想要拥有的photoshop模型(不能发布内联

浏览 0提问于2014-06-26得票数 0

2回答

如何让我的背景照片保持在最前面？

css、twitter-bootstrap

当我在“肖像平板电脑”维度查看我的主页时，中间内容的背景照片被下推到标题文本的下方。我可以编写哪些CSS规则，以便在肖像平板电脑模式下查看背景照片时背景照片保持在顶部？

浏览 0提问于2013-06-02得票数 2

回答已采纳

2回答

Android管理相对布局对齐

android、android-layout、alignment

android:textStyle="bold" />我想用2个按钮的中心来管理视图，这里是当前输出管理了3个按钮，但我还想管理此分隔符图像的对齐方式。

浏览 0提问于2013-04-15得票数 0

回答已采纳

1回答

图像响应式&水平居中，带背景

twitter-bootstrap

我在我的超文本标记语言页面顶部有一个标题，其中包含以下HeaderTitle图像。我使用Bootstrap是为了让我的图像响应(img响应)，以及让图像水平居中(中心块)。我需要的是添加以下背景图像(HeaderBack.jpg)：在HeaderTitle图像后面，所以当HeaderTitle调整大小时，背景会像这样填充：我应该在下面的html/

浏览 1提问于2017-05-04得票数 1

4回答

如何居中显示比浏览器窗口更宽的图像(而不是背景图像)

css、image、center

如何将大图像居中放置到浏览器窗口中，以便如果它比窗口宽，它仍将居中？我不想简单地将图像作为背景图像，因为它会动态地更改为不同大小的图像，并且我希望能够向下滚动以在正确的高度看到它们。但是，如果容器div的高度可以根据背景图像的高度变化，我可以将其设置为背景图像？谢谢!

浏览 1提问于2011-07-29得票数 12

回答已采纳

1回答

如何设置不带或带扩展名的typo3的正文背景？

typo3、typoscript、fluid

我需要设计一个网站的背景图像包装的内容，元素和菜单。引导程序包中没有指定的布局。通过上传图片，我尝试了像这样的扩展。但是有些地方不对劲。

浏览 0提问于2020-02-25得票数 0

2回答

如何使用引导网格在全屏背景图像上对div进行居中

html、css、twitter-bootstrap-3

我有一个全屏背景图像，我想使用引导网格在页面上居中一个div，而不与背景交互。lang="en"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.mi

浏览 0提问于2016-12-17得票数 0

回答已采纳

6回答

无论我如何尝试，此图像都拒绝与中心对齐

html、css、image、centering

(忽略div突出显示，它的结构没有被使用) 无论我如何尝试，“阅读更多”图像(第61行)拒绝水平居中和响应式居中。在中，它响应像素测量，而不是%测量。有没有人能解决Read More图片不居中的问题？它也应该具有响应性。我能想到的唯一原因是它没有居中是因为bootstrap，但我怀疑这一点。该图像当前位于class=“class=-more”的div内的一个链接标记中。图像

浏览 1提问于2016-03-23得票数 0

1回答

如何将静态的“正确细节”UITableViewCell内容与图像正确对齐？

ios、uitableview、uistoryboard

图像和标签都未对齐。所有图像的宽度都是24px，尺寸检查器正确地显示了这一点。除了图像之外，所有三个单元格的属性检查器设置都相同。怎么了？谢谢!

浏览 0提问于2012-05-23得票数 3

回答已采纳

3回答

Jumbotron对齐问题

twitter-bootstrap、twitter-bootstrap-3

我目前使用的是bootstrap 3.0.0的最新版本我已经玩了几个小时了，和col md-*玩了几个小时了，但运气不好。在bootstrap 2.3.2中，我通过使用.text-center和.pagination center实现了将英雄中的所有内容居中的效果(对于图像？？-它起作用了) 这个小提琴显示了我试图用

浏览 0提问于2013-09-10得票数 6

回答已采纳

2回答

iframe中的Twitters bootstrap模式弹出

twitter-bootstrap

在Twitter Bootstrap中，可以打开网站上显示的Modal对话框。但我在一个现有的lot应用程序中使用它，它使用了大量的iframe。问题是；如果您在iframe中打开TB模式，它会显示在该iframe中居中。我想在当前打开的页面上显示它的模式。使用模式背景/阴影。但是如何..？

浏览 1提问于2012-10-18得票数 4

1回答

顶部标题Img在电脑上靠左，在手机和平板电脑上居中

image、css、responsive

今天，我在我正在编辑的一些软件的顶部添加了一个带有动画gif的彩色背景表格。有了正确的css，我如何才能让图像始终留在计算机屏幕上，并在手机和平板电脑上居中显示？下面是我如何拥有当前的HTML。谢谢！

浏览 2提问于2018-11-15得票数 0

2回答

CSS: background-size:自动不工作

html、css

我已经将侧边栏设置为有背景图像，并将背景图像大小设置为自动。 <link rel="stylesheet" type="text/css" href="https://test.doig.com.auProduct</span> </a> <

浏览 15提问于2017-02-27得票数 0

回答已采纳

1回答

如何在joomla中设置圆角菜单

joomla、rounded-corners

有人知道如何在joomla中设置圆角菜单吗？我需要菜单中的每一项都有圆角。

浏览 3提问于2010-08-09得票数 0

1回答

将背景图像水平居中以进行响应式布局

jquery、css、background-image

我有两个背景图像堆叠在一起。根据ajax调用的结果，将顶部图像向上滑动以显示其后面的图像。width: 100%;} background-size: cover;} 图像在显示器上正确居中然而，在平板电脑或手机上，我希望1920x1080的图像适合居中，裁剪图像的左右，并将高度保持

浏览 19提问于2020-03-19得票数 0

回答已采纳

2回答

使用gd库在php上居中显示图像

php、html

嘿，伙计们，我在php ..but上做了一些代码，它没有给我我期望的..The代码的输出。input type="submit" name="sumbit"> </form></html>此php代码根据给定的名称生成图像</e

浏览 0提问于2014-05-22得票数 0

2回答

最大化-最小化窗口时CSS窗体在屏幕上的位置

css、forms

我使用CSS使我的注册表单看起来很漂亮，但后来我发现当我最大化或最小化浏览器的窗口时(我的页面与浏览器窗口的中心对齐)，我的表单没有随着其他页面元素(如我的背景图像)左右移动。也就是说，当我的窗口大小最大化时，我的背景图像被改变了，但表单仍然保持在第一个位置。有什么办法解决这个问题吗？

浏览 2提问于2012-11-08得票数 0

回答已采纳

点击加载更多