css - CSS：屏幕图像的一半和屏幕背景颜色的一半，上面有一个容器

Question

我正在使用 Bootstrap 4，并想尝试在屏幕截图中使用普通的引导容器进行布局，因此我的文本在 te right 6 列中很好地对齐。

截屏

标签： css

Answer 1

只需调整background-size您的背景图像：

body {
 margin:0;
 height:100vh;
 background:
  url(https://picsum.photos/2000/1000?image=1069) left/50% 100% no-repeat,
  orange;
}