Bootstrap中带有文本列的全高图像

Question

我想要一些非常简单的东西，但我无法使用 Bootstrap (4.3.1) 来实现它。它看起来正是我想要的，但我知道 css 不正确。

我想要一个覆盖整个 col-xs-4 列的高度和宽度以及固定位置的图像，以便在滚动 col-xs-8 内容时它保持静止。

在移动设备上，我希望图像是 col-12 和 col-xs-8 列（所以基本上是堆叠的）。

我似乎无法为此找出正确的 css.. 正如您在我的 sn-p 中看到的那样，图像的硬宽度为 40%，如果我将其设置为 100%，它只会忽略 Bootstrap列并填满整个屏幕..

.bg-image {
  position: fixed;
    top: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    width: 40%;
    border-right: 10px solid #f5f5f5;
    overflow: hidden;
}

.bg-image-content {
background-image: url(https://www.marenklif.nl/wp-content/uploads/2016/07/kabouter-rood.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
  <div class="row">
    <div class="col-5 col-xs-12">
      <div class="bg-image">
        <div class="bg-image-content">
        
        </div>
      </div>
    </div>
    <div class="col-7 col-xs-12">

      jnsjv uwhv ihvi vhfi viuhv fihv jnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihv
      
    </div>
  </div>
</div>

Answer 1

添加到 body 溢出隐藏以防止页面滚动，因此您可以修复图像使用 100vh 并为文本创建另一个具有溢出滚动的 div。

body {
    overflow: hidden;
}

.bg-image-content {
background-image: url(https://www.marenklif.nl/wp-content/uploads/2016/07/kabouter-rood.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.scroll {
    overflow: scroll;
    height: 100vh;
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
  <div class="row">
    <div class="col-5 col-xs-12">
      <div class="bg-image">
        <div class="bg-image-content">
        
        </div>
      </div>
    </div>
    <div class="col-7 col-xs-12">
      <div class="scroll">
      jnsjv uwhv ihvi vhfi viuhv fihv jnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihv
      </div>
    </div>
  </div>
</div>

Answer 2

你正在使用col-xs-——来自 Bootstrap 3；它在 Bootstrap 4 中没有任何作用。对于小屏幕，请使用 col-12，然​​后使用 @Abhishek 指出的 col-md-5. 之类的东西将您的中断设置为并排列使用 position: fixed 没有通过沿高度到其父级。

您希望文本列滚动，但您没有说明图像列的高度。什么设置高度和视口？

这是一个示例，说明您可以将行的高度设置为视口的高度：

@media (min-width:768px) {
    .bg-image {
        border-right: 10px solid #f5f5f5;
    }

    .overflow {
        overflow: auto;
    }
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container-fluid no-gutters">
    <div class="row vh-100">
        <div class="col-12 col-md-5 h-100 px-0">
            <div class="bg-image h-100">
                <img class="h-100 w-100" style="object-fit: cover;" src="https://www.marenklif.nl/wp-content/uploads/2016/07/kabouter-rood.jpg" alt="Kabouter rood">
            </div>
        </div>
        <div class="col-12 col-md-7 h-100 px-0 overflow">
            <p>jnsjv uwhv ihvi vhfi viuhv fihv jnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihvjnsjv uwhv ihvi vhfi viuhv fihv
            </p>
        </div>
    </div>
</div>