如何获得jumbotron颜色也涵盖导航栏

Question

我试图拍照（在我用单一背景颜色测试下方）以覆盖导航栏以及展示/ jumbotron。但是我无法正确覆盖它们并且导航栏保持不变 - 即使我创建了一个围绕导航栏和jumbotron并为其指定背景图片的div。

此外，当我尝试拍摄照片时，它会以相当随机的方式拉伸到整个展示区，我该如何正确地覆盖这些元素？（图像尺寸为1400x693 svg）。

class Radiologypdfserializerdata(serializers.ModelSerializer):

    class Meta:
        model = models.Radiologypdf
        fields = (
            'patientid',
            'testinfo',
            'clinicalindication',
            'attendingdoctor',
            'patientname',
            'age',
            'mobilenumber',
            'sex',
            'email',
            'doctorsname',
            'doctorsregistrationnumber',
            'clinicname',
            'doctorstelno',
            'createdtime',
            'radiology_id',
            'created',

        )

的CSS

class RadiologypdfViewSet(viewsets.ModelViewSet):
    """ViewSet for the radiology class"""

    queryset = models.Radiologypdf.objects.all()
    serializer_class = serializers.Radiologypdfserializerdata
    permission_classes = [permissions.IsAuthenticated]

    filter_backends = (filters.SearchFilter,)
    search_fields = ('patientid','radiology_id')

Codepen：

https://www.legislation.gov.au/Details/F2018L00530/Html/

Answer 1

问题是导航栏中有bg-light，它也会覆盖为导航栏分配颜色。