无法设计HTML/CSS块，可以'；t使用引导程序使图像对齐_Html_Twitter Bootstrap_Css_Twitter Bootstrap 3

无法设计HTML/CSS块，可以'；t使用引导程序使图像对齐

html twitter-bootstrap css twitter-bootstrap-3

无法设计HTML/CSS块，可以'；t使用引导程序使图像对齐,html,twitter-bootstrap,css,twitter-bootstrap-3,Html,Twitter Bootstrap,Css,Twitter Bootstrap 3,我正在尝试设计下面的块，如图所示建筑物的背景图像与人体图像是分离的，如何使用bootstrap网格系统以这种方式对齐图像和文本，同时保持图像的纵横比背景图像扩散到100%，但内容和人体图像居中并与其他内容对齐使用此设计，您不会（向前倾斜）手部会弄乱网格布局。或者合并图像，或者使用较小版本的人体图像，该图像将保留在网格内（所有块都是带引导的正方形，并且在父元素的背景图像之外没有分层） *编辑如前所述，您可以。大概是这样的： <body> <!-- has CSS backg

我正在尝试设计下面的块，如图所示

建筑物的背景图像与人体图像是分离的，如何使用bootstrap网格系统以这种方式对齐图像和文本，同时保持图像的纵横比

背景图像扩散到100%，但内容和人体图像居中并与其他内容对齐

使用此设计，您不会（向前倾斜）手部会弄乱网格布局。或者合并图像，或者使用较小版本的人体图像，该图像将保留在网格内（所有块都是带引导的正方形，并且在父元素的背景图像之外没有分层）

*编辑如前所述，您可以。大概是这样的：

<body> <!-- has CSS background with buildings -->
    <div class="container"> <!-- has CSS background with human, float: right -->   <div class="row">
            <div class="col-md-3">And more stuff for layout...</div>
        </div
    </div>
</body>


还有更多关于布局的东西。。。
将建筑图像用作身体
标记的背景，将人体图像用作容器
或行
类的背景
此外，人体图像应正确对齐
差不多

正文{
/*图片仅供参考*/
背景：url（'http://www.eliteconcreterestoration.com/blog/wp-content/uploads/concrete-office-park-buildings.jpg');
背景重复：无重复；
背景大小：100%100%；
}
.集装箱{
身高：100%；
/*图片仅供参考*/
背景：url（'https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS2-Dj0_UAhag-zidavgov2lucy62ngvt_zNJoeILF1VqM3EXOdK20qR6N'）；
背景重复：无重复；
背景位置：右；
}
琼伯伦先生{
背景：透明！重要；
}
jumbotron h1博士{
字体大小：36px；
颜色：白色！重要；
}
.jumbotron.text{
颜色：白色；
字体大小：12px；
}

好的投资回报最高
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum


以下是我的做法
创建一个部分，并为其提供背景图像，背景大小为：封面


请添加一些代码我认为您可以使用css添加建筑背景，并使用html插入人体图像，您将获得相同的布局。还可以尝试使用positions设置人类图像的样式，将建筑物图像设置为背景，然后使用背景图像设置一个div，将人类图像设置为透明png，然后在另一个div中设置文本内容。但是如果没有你一直在使用的代码，你就不可能看到你的问题。只是好奇，为什么你不把这两幅图像并排进行photoshop，然后使用“背景图像”属性呢？那么我该如何设计它呢？background image:'image.jpg'background position:'stuff'