Когда я прокручиваю вверх jumbotron, навигация должна быть вверху слева. Как я могу это сделать? - PullRequest
Новая
       0

Когда я прокручиваю вверх jumbotron, навигация должна быть вверху слева. Как я могу это сделать?

0 голосов
/ 01 апреля 2020

Я использую bootstrap 4 , Вверху сайта находится jumbotron . Ниже слева от вертикальной навигации и справа от содержимого. Я хочу, чтобы, когда пользователь прокручивал вниз, навигация прокручивалась вверх до верхнего конца , а при дальнейшей прокрутке навигация должна оставаться в верхнем левом углу , чтобы она всегда была видна пользователю. Вот мой пример: sommerhaus-wehlen.de / example. php Ниже я оставляю код, где я думаю, что изменения должны быть сделаны. Что мне нужно изменить, чтобы навигация прокручивалась в верхний левый угол и оставалась там? Когда пользователь прокручивает обратно вверх, навигация снова должна быть ниже джумботрона.

Спасибо за вашу поддержку. Фрэнк 

<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"> 
</script>
<link href="css/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="/favicon/favicon.ico">
</head>

<body data-spy="scroll" data-target="#myScrollspy" data-offset="1">

  <div class="jumbotron text-center">
    <h1>Sommerhaus Wehlen</h1>
  </div>
<div class="container-fluid">

  <div class="row" >
    <nav class="col-sm-3 col-4" id="myScrollspy" >
      <ul class="nav nav-pills flex-column">
        <li class="nav-item">
          <a class="nav-link" href="#wilkommen">Wilkommen</a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Anfahrt</a>
          <div class="dropdown-menu">
            <a class="dropdown-item" href="#auto">Mit dem Auto</a>
            <a class="dropdown-item" href="#bahn">Mit der Bahn</a>
            <a class="dropdown-item" href="#rad">Mit dem Rad</a>
          </div>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#Hausregeln">Hausregeln</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#Ankunft">Ankunft</a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Wasser</a>
          <div class="dropdown-menu">
            <a class="dropdown-item" href="#Trinkwasser">Trinkwasser</a>
            <a class="dropdown-item" href="#Regenwasser">Regenwasser</a>
            <a class="dropdown-item" href="#Brunnenwasser">Brunnenwasser</a>
          </div>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#mobil">Mobilfunk</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#verlassen">Haus verlassen</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#Geben">Nehmen und Geben</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#kontakt">Kontakt</a>
        </li>
      <form method="post" action="logout.php">
        <input type="submit" name="logout" value="abmelden" style="margin: 18px;">
      </form>
      <form method="post" action="adduser.php">
        <input type="submit" name="logout" value="Gast hinzufügen" style="margin-left: 18px;">
      </form>
      </ul>
    </nav>

    <div class="col-sm-9 col-8">
        <div id="wilkommen">
        <h2>Wilkommen</h2>
        <p>Hallo liebe Freundin, lieber Freund,</p>
            </div>

      <h2>Anfahrt</h2>
      <div id="auto">
        <h3>Mit dem Auto</h3>
        <p>Die Adresse lautet .... </p>
        <h4>aus Richtung Dresden / Pirna</h4>
        <p>Auf der Straße von ...</p>
        <h4>aus Richtung Stadt Wehlen</h4>
        <p>Du fährst von ...</p>
                </div>
                <div id="bahn">
        <h3>Mit der Bahn</h3>
        <p>Fahre bis ...</p>
                </div>
      <div id="rad">
        <h3>Mit dem Rad</h3>
        <h4>aus Richtung Pirna</h4>
        <p>Wechsel spätestens in ...</p>
        <h4>aus Richtung Stadt Wehlen</h4>
        <p>Fahre ...</p>
        </div>

      <div id="Hausregeln">
        <h2>Hausregeln</h2>
        <p>Es ist ein ...</p>
      </div>

      <div id="Ankunft">
          <h2>Ankunft</h2>
        <p>Ein Schlüssel ...</p>
      </div>

      <div id="Wasser">
        <h2>Wasser</h2><br>
                    <p>Es gibt keinen Wasseranschluß.</p>
      </div>
      <div id="Trinkwasser">
        <h3>Trinkwasser</h3>
        <p>Bitte bring Dir ...</p>
      </div>
      <div id="Regenwasser">
        <h3>Regenwasser</h3>
        <p>Du kannst das Regenwasser gerne nutzen. Sei ein wenig sparsam, es gibt zunehmend Perioden langer Trockenheit.</p>
      </div>
      <div id="Brunnenwasser">
        <h3>Brunnenwasser</h3>
                    <p>Beim letzten Test des Brunnenwassers ...</p>
      </div>
      <div id="mobil">
        <h2>Mobilfunk</h2>
        <p>Es gibt keinen ...</p>
      </div>

      <div id="verlassen">
        <h2>Haus verlassen</h2>
        <p>Räume das ...</p>
      </div>
      <div id="Geben">
        <h2>Nehmen und Geben</h2>
        <p>Ich verlange keine ...</p>
      </div>
      <div id="kontakt">
        <h2>Kontakt</h2>
        <p>Du kannst mich erreichen unter<br>
        ...<br>
                    über SMS, Whatsapp und Telegram</p>
      </div>
    </div>
  </div>
</div>
        <footer  id="sticky-footer" class="py-4 bg-dark text-white-50">
<div class="container text-center">
  <form method="post" action="logout.php">
      <input type="submit" name="logout" value="Von dieser Webseite abmelden">
    </form>
</div>

  </footer>
</body>
</html>

css: 

html *
{
font-family: Verdana !important;
}

body {
  position: relative;
}
ul.nav-pills {
  top: 200px;
  position: fixed;
}
div.col-8 div {
  /*height: 500px;*/
}

Ответы [ 2 ]

0 голосов
/ 01 апреля 2020

Вы можете просто использовать класс sticky-top из Bootstrap на .nav ...

https://codeply.com/p/qwB2fF7PB3

     <nav class="col-sm-3 col-4" id="myScrollspy">
            <ul class="nav nav-pills flex-column sticky-top">
                <li class="nav-item">
                    <a class="nav-link" href="#wilkommen">Wilkommen</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Anfahrt</a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="#auto">Mit dem Auto</a>
                        <a class="dropdown-item" href="#bahn">Mit der Bahn</a>
                        <a class="dropdown-item" href="#rad">Mit dem Rad</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#Hausregeln">Hausregeln</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#Ankunft">Ankunft</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Wasser</a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="#Trinkwasser">Trinkwasser</a>
                        <a class="dropdown-item" href="#Regenwasser">Regenwasser</a>
                        <a class="dropdown-item" href="#Brunnenwasser">Brunnenwasser</a>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#mobil">Mobilfunk</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#verlassen">Haus verlassen</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#Geben">Nehmen und Geben</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#kontakt">Kontakt</a>
                </li>
                <form method="post" action="logout.php">
                    <input type="submit" name="logout" value="abmelden" style="margin: 18px;">
                </form>
                <form method="post" action="adduser.php">
                    <input type="submit" name="logout" value="Gast hinzufügen" style="margin-left: 18px;">
                </form>
            </ul>
        </nav>
0 голосов
/ 01 апреля 2020

Вы можете увидеть другой пример здесь: Здесь и код здесь и css здесь . Я сделал div боковой панели как postion: закрепил и установил свойство top и left. 

.main-wrapper
{
  width:100%;
  display:flex;
  justify-content:space-evenly;
  align-items:flex-top;
}
.side-bar {
    position: sticky;
    top: 10%;
    left: 2%;
    width: 25%;
}
.content-wrapper
{
  width:75%;
}
<div class="main-wrapper">
  <div class="side-bar">
    <ul>
      <li>Hi</li>
      <li>Hey</li>
      <li>Hello</li>
    </ul>
  </div>
  <div class="content-wrapper">
    

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a mauris metus. Cras bibendum, nisl ac porta cursus, nisl sapien bibendum lectus, eget eleifend nibh metus ut libero. Vivamus ornare semper lacinia. Vivamus consequat, nunc nec ultricies placerat, erat sem posuere urna, nec venenatis sapien justo molestie magna. Sed sodales at risus a bibendum. Morbi rutrum, velit at dapibus vulputate, turpis neque ullamcorper magna, nec consequat diam felis sed risus. Praesent metus enim, pellentesque sodales neque ut, egestas imperdiet arcu. Aenean mauris augue, ullamcorper vitae magna in, tempor consectetur augue. Sed vel malesuada orci, id cursus ex. Curabitur condimentum metus enim, vel bibendum est bibendum eu. Phasellus eu posuere ex, et finibus elit.

Nunc vehicula mi semper ultrices sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non sagittis tortor, non dictum est. Integer ante leo, semper sed dolor ac, consectetur fringilla ligula. Mauris risus tortor, rhoncus finibus odio sit amet, ullamcorper consectetur lorem. Pellentesque at turpis iaculis, vulputate massa ac, feugiat ipsum. Phasellus sed turpis ante. Cras scelerisque elit eget leo rhoncus, at dapibus augue pellentesque. Quisque feugiat enim eu venenatis cursus. Duis vitae mauris mi. Praesent auctor suscipit purus, quis porta ante rutrum id. Maecenas varius scelerisque metus in consequat. Proin malesuada vulputate urna sed sagittis. Duis ac justo sit amet elit tristique semper a sit amet ex.

Integer et sodales leo. Quisque porttitor tincidunt arcu id fermentum. Morbi ultricies ullamcorper nisl, ac ultrices odio venenatis sed. Nulla facilisis leo vitae blandit condimentum. Sed efficitur leo sit amet mattis bibendum. Integer justo tortor, maximus quis enim at, tempor cursus nisl. Ut auctor nunc nunc, et pulvinar tellus mattis id. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam quis iaculis mauris. Donec mollis porta dolor bibendum blandit.

Curabitur id sapien nisi. Phasellus efficitur sapien id arcu lobortis malesuada. In porta odio sit amet lorem sodales, auctor porta mauris ornare. Ut semper vestibulum arcu, ac placerat odio accumsan et. Donec ac consequat nunc. Maecenas a consequat dolor. In ultrices consectetur malesuada. Sed id nisl tempus, lacinia nisl ac, dictum sem. Mauris lacinia sed libero nec euismod. Vivamus pulvinar purus non ex accumsan feugiat. Phasellus pellentesque laoreet ultricies.

Pellentesque pulvinar velit bibendum nisl bibendum ultricies. Quisque magna ante, interdum porta dictum vel, cursus et lorem. Quisque dictum, ipsum a blandit aliquam, ante ante feugiat turpis, ac viverra arcu diam ut dolor. Phasellus auctor aliquet diam, a molestie purus interdum at. Aliquam dictum suscipit consectetur. Ut suscipit ac felis sit amet fringilla. Donec suscipit dui et sapien consequat, vitae rhoncus lorem tristique. Cras facilisis sagittis tincidunt. Vivamus a feugiat metus, ac blandit erat. Pellentesque non imperdiet magna, imperdiet pretium ex. Aliquam ut auctor purus. Maecenas vitae nisl in massa tincidunt feugiat a id ex. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a mauris metus. Cras bibendum, nisl ac porta cursus, nisl sapien bibendum lectus, eget eleifend nibh metus ut libero. Vivamus ornare semper lacinia. Vivamus consequat, nunc nec ultricies placerat, erat sem posuere urna, nec venenatis sapien justo molestie magna. Sed sodales at risus a bibendum. Morbi rutrum, velit at dapibus vulputate, turpis neque ullamcorper magna, nec consequat diam felis sed risus. Praesent metus enim, pellentesque sodales neque ut, egestas imperdiet arcu. Aenean mauris augue, ullamcorper vitae magna in, tempor consectetur augue. Sed vel malesuada orci, id cursus ex. Curabitur condimentum metus enim, vel bibendum est bibendum eu. Phasellus eu posuere ex, et finibus elit.

Nunc vehicula mi semper ultrices sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non sagittis tortor, non dictum est. Integer ante leo, semper sed dolor ac, consectetur fringilla ligula. Mauris risus tortor, rhoncus finibus odio sit amet, ullamcorper consectetur lorem. Pellentesque at turpis iaculis, vulputate massa ac, feugiat ipsum. Phasellus sed turpis ante. Cras scelerisque elit eget leo rhoncus, at dapibus augue pellentesque. Quisque feugiat enim eu venenatis cursus. Duis vitae mauris mi. Praesent auctor suscipit purus, quis porta ante rutrum id. Maecenas varius scelerisque metus in consequat. Proin malesuada vulputate urna sed sagittis. Duis ac justo sit amet elit tristique semper a sit amet ex.

Integer et sodales leo. Quisque porttitor tincidunt arcu id fermentum. Morbi ultricies ullamcorper nisl, ac ultrices odio venenatis sed. Nulla facilisis leo vitae blandit condimentum. Sed efficitur leo sit amet mattis bibendum. Integer justo tortor, maximus quis enim at, tempor cursus nisl. Ut auctor nunc nunc, et pulvinar tellus mattis id. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam quis iaculis mauris. Donec mollis porta dolor bibendum blandit.

Curabitur id sapien nisi. Phasellus efficitur sapien id arcu lobortis malesuada. In porta odio sit amet lorem sodales, auctor porta mauris ornare. Ut semper vestibulum arcu, ac placerat odio accumsan et. Donec ac consequat nunc. Maecenas a consequat dolor. In ultrices consectetur malesuada. Sed id nisl tempus, lacinia nisl ac, dictum sem. Mauris lacinia sed libero nec euismod. Vivamus pulvinar purus non ex accumsan feugiat. Phasellus pellentesque laoreet ultricies.

Pellentesque pulvinar velit bibendum nisl bibendum ultricies. Quisque magna ante, interdum porta dictum vel, cursus et lorem. Quisque dictum, ipsum a blandit aliquam, ante ante feugiat turpis, ac viverra arcu diam ut dolor. Phasellus auctor aliquet diam, a molestie purus interdum at. Aliquam dictum suscipit consectetur. Ut suscipit ac felis sit amet fringilla. Donec suscipit dui et sapien consequat, vitae rhoncus lorem tristique. Cras facilisis sagittis tincidunt. Vivamus a feugiat metus, ac blandit erat. Pellentesque non imperdiet magna, imperdiet pretium ex. Aliquam ut auctor purus. Maecenas vitae nisl in massa tincidunt feugiat a id ex. 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a mauris metus. Cras bibendum, nisl ac porta cursus, nisl sapien bibendum lectus, eget eleifend nibh metus ut libero. Vivamus ornare semper lacinia. Vivamus consequat, nunc nec ultricies placerat, erat sem posuere urna, nec venenatis sapien justo molestie magna. Sed sodales at risus a bibendum. Morbi rutrum, velit at dapibus vulputate, turpis neque ullamcorper magna, nec consequat diam felis sed risus. Praesent metus enim, pellentesque sodales neque ut, egestas imperdiet arcu. Aenean mauris augue, ullamcorper vitae magna in, tempor consectetur augue. Sed vel malesuada orci, id cursus ex. Curabitur condimentum metus enim, vel bibendum est bibendum eu. Phasellus eu posuere ex, et finibus elit.

Nunc vehicula mi semper ultrices sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non sagittis tortor, non dictum est. Integer ante leo, semper sed dolor ac, consectetur fringilla ligula. Mauris risus tortor, rhoncus finibus odio sit amet, ullamcorper consectetur lorem. Pellentesque at turpis iaculis, vulputate massa ac, feugiat ipsum. Phasellus sed turpis ante. Cras scelerisque elit eget leo rhoncus, at dapibus augue pellentesque. Quisque feugiat enim eu venenatis cursus. Duis vitae mauris mi. Praesent auctor suscipit purus, quis porta ante rutrum id. Maecenas varius scelerisque metus in consequat. Proin malesuada vulputate urna sed sagittis. Duis ac justo sit amet elit tristique semper a sit amet ex.

Integer et sodales leo. Quisque porttitor tincidunt arcu id fermentum. Morbi ultricies ullamcorper nisl, ac ultrices odio venenatis sed. Nulla facilisis leo vitae blandit condimentum. Sed efficitur leo sit amet mattis bibendum. Integer justo tortor, maximus quis enim at, tempor cursus nisl. Ut auctor nunc nunc, et pulvinar tellus mattis id. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam quis iaculis mauris. Donec mollis porta dolor bibendum blandit.

Curabitur id sapien nisi. Phasellus efficitur sapien id arcu lobortis malesuada. In porta odio sit amet lorem sodales, auctor porta mauris ornare. Ut semper vestibulum arcu, ac placerat odio accumsan et. Donec ac consequat nunc. Maecenas a consequat dolor. In ultrices consectetur malesuada. Sed id nisl tempus, lacinia nisl ac, dictum sem. Mauris lacinia sed libero nec euismod. Vivamus pulvinar purus non ex accumsan feugiat. Phasellus pellentesque laoreet ultricies.

Pellentesque pulvinar velit bibendum nisl bibendum ultricies. Quisque magna ante, interdum porta dictum vel, cursus et lorem. Quisque dictum, ipsum a blandit aliquam, ante ante feugiat turpis, ac viverra arcu diam ut dolor. Phasellus auctor aliquet diam, a molestie purus interdum at. Aliquam dictum suscipit consectetur. Ut suscipit ac felis sit amet fringilla. Donec suscipit dui et sapien consequat, vitae rhoncus lorem tristique. Cras facilisis sagittis tincidunt. Vivamus a feugiat metus, ac blandit erat. Pellentesque non imperdiet magna, imperdiet pretium ex. Aliquam ut auctor purus. Maecenas vitae nisl in massa tincidunt feugiat a id ex. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a mauris metus. Cras bibendum, nisl ac porta cursus, nisl sapien bibendum lectus, eget eleifend nibh metus ut libero. Vivamus ornare semper lacinia. Vivamus consequat, nunc nec ultricies placerat, erat sem posuere urna, nec venenatis sapien justo molestie magna. Sed sodales at risus a bibendum. Morbi rutrum, velit at dapibus vulputate, turpis neque ullamcorper magna, nec consequat diam felis sed risus. Praesent metus enim, pellentesque sodales neque ut, egestas imperdiet arcu. Aenean mauris augue, ullamcorper vitae magna in, tempor consectetur augue. Sed vel malesuada orci, id cursus ex. Curabitur condimentum metus enim, vel bibendum est bibendum eu. Phasellus eu posuere ex, et finibus elit.

Nunc vehicula mi semper ultrices sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non sagittis tortor, non dictum est. Integer ante leo, semper sed dolor ac, consectetur fringilla ligula. Mauris risus tortor, rhoncus finibus odio sit amet, ullamcorper consectetur lorem. Pellentesque at turpis iaculis, vulputate massa ac, feugiat ipsum. Phasellus sed turpis ante. Cras scelerisque elit eget leo rhoncus, at dapibus augue pellentesque. Quisque feugiat enim eu venenatis cursus. Duis vitae mauris mi. Praesent auctor suscipit purus, quis porta ante rutrum id. Maecenas varius scelerisque metus in consequat. Proin malesuada vulputate urna sed sagittis. Duis ac justo sit amet elit tristique semper a sit amet ex.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a mauris metus. Cras bibendum, nisl ac porta cursus, nisl sapien bibendum lectus, eget eleifend nibh metus ut libero. Vivamus ornare semper lacinia. Vivamus consequat, nunc nec ultricies placerat, erat sem posuere urna, nec venenatis sapien justo molestie magna. Sed sodales at risus a bibendum. Morbi rutrum, velit at dapibus vulputate, turpis neque ullamcorper magna, nec consequat diam felis sed risus. Praesent metus enim, pellentesque sodales neque ut, egestas imperdiet arcu. Aenean mauris augue, ullamcorper vitae magna in, tempor consectetur augue. Sed vel malesuada orci, id cursus ex. Curabitur condimentum metus enim, vel bibendum est bibendum eu. Phasellus eu posuere ex, et finibus elit.

Nunc vehicula mi semper ultrices sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non sagittis tortor, non dictum est. Integer ante leo, semper sed dolor ac, consectetur fringilla ligula. Mauris risus tortor, rhoncus finibus odio sit amet, ullamcorper consectetur lorem. Pellentesque at turpis iaculis, vulputate massa ac, feugiat ipsum. Phasellus sed turpis ante. Cras scelerisque elit eget leo rhoncus, at dapibus augue pellentesque. Quisque feugiat enim eu venenatis cursus. Duis vitae mauris mi. Praesent auctor suscipit purus, quis porta ante rutrum id. Maecenas varius scelerisque metus in consequat. Proin malesuada vulputate urna sed sagittis. Duis ac justo sit amet elit tristique semper a sit amet ex.

Integer et sodales leo. Quisque porttitor tincidunt arcu id fermentum. Morbi ultricies ullamcorper nisl, ac ultrices odio venenatis sed. Nulla facilisis leo vitae blandit condimentum. Sed efficitur leo sit amet mattis bibendum. Integer justo tortor, maximus quis enim at, tempor cursus nisl. Ut auctor nunc nunc, et pulvinar tellus mattis id. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam quis iaculis mauris. Donec mollis porta dolor bibendum blandit.

Curabitur id sapien nisi. Phasellus efficitur sapien id arcu lobortis malesuada. In porta odio sit amet lorem sodales, auctor porta mauris ornare. Ut semper vestibulum arcu, ac placerat odio accumsan et. Donec ac consequat nunc. Maecenas a consequat dolor. In ultrices consectetur malesuada. Sed id nisl tempus, lacinia nisl ac, dictum sem. Mauris lacinia sed libero nec euismod. Vivamus pulvinar purus non ex accumsan feugiat. Phasellus pellentesque laoreet ultricies.

Pellentesque pulvinar velit bibendum nisl bibendum ultricies. Quisque magna ante, interdum porta dictum vel, cursus et lorem. Quisque dictum, ipsum a blandit aliquam, ante ante feugiat turpis, ac viverra arcu diam ut dolor. Phasellus auctor aliquet diam, a molestie purus interdum at. Aliquam dictum suscipit consectetur. Ut suscipit ac felis sit amet fringilla. Donec suscipit dui et sapien consequat, vitae rhoncus lorem tristique. Cras facilisis sagittis tincidunt. Vivamus a feugiat metus, ac blandit erat. Pellentesque non imperdiet magna, imperdiet pretium ex. Aliquam ut auctor purus. Maecenas vitae nisl in massa tincidunt feugiat a id ex. 


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a mauris metus. Cras bibendum, nisl ac porta cursus, nisl sapien bibendum lectus, eget eleifend nibh metus ut libero. Vivamus ornare semper lacinia. Vivamus consequat, nunc nec ultricies placerat, erat sem posuere urna, nec venenatis sapien justo molestie magna. Sed sodales at risus a bibendum. Morbi rutrum, velit at dapibus vulputate, turpis neque ullamcorper magna, nec consequat diam felis sed risus. Praesent metus enim, pellentesque sodales neque ut, egestas imperdiet arcu. Aenean mauris augue, ullamcorper vitae magna in, tempor consectetur augue. Sed vel malesuada orci, id cursus ex. Curabitur condimentum metus enim, vel bibendum est bibendum eu. Phasellus eu posuere ex, et finibus elit.

Nunc vehicula mi semper ultrices sodales. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam non sagittis tortor, non dictum est. Integer ante leo, semper sed dolor ac, consectetur fringilla ligula. Mauris risus tortor, rhoncus finibus odio sit amet, ullamcorper consectetur lorem. Pellentesque at turpis iaculis, vulputate massa ac, feugiat ipsum. Phasellus sed turpis ante. Cras scelerisque elit eget leo rhoncus, at dapibus augue pellentesque. Quisque feugiat enim eu venenatis cursus. Duis vitae mauris mi. Praesent auctor suscipit purus, quis porta ante rutrum id. Maecenas varius scelerisque metus in consequat. Proin malesuada vulputate urna sed sagittis. Duis ac justo sit amet elit tristique semper a sit amet ex.
  </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...