Question

我使用的是Bootstrap 4，并且想要尝试像屏幕截图中所示的那样在布局上放置一个普通的bootstrap容器，因此我的文本在第6列中很好地显示了。

Answer 1

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

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

Answer 2

您可以使用<div class="ticket-event" ng-if="!item.hidden" ng-repeat="item in ctrl.event.items"> <div class="title item {{$first?'active':'someotherclass'}}"></div> </div>

linear-gradient

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

2 个答案: