Тебе это нужно, потому что я не могу понять твой вопрос кратко
Я удаляю позиции из твоего кода, потому что ты хочешь поместить элемент div ниже. blockquote>
fixed-top использует
top: 0
, поэтому ваша боковая панель фиксируется сверху, если вам это не нужно. написать пользовательскую CSS.
.custom__navbar { position: fixed !important; left: 0; right: 0; z-index: 1030; }
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid paddingAlign"> <nav class="navbar navbar-expand-lg navbar-light bg-light custom__navbar"> <a class="navbar-brand" href="#"> <img src="img/logo_03.png" alt="logo" class="img-fluid"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto text-center"> <li class="nav-item"> <a class="nav-link" href="boats.html">BOATS</a> </li> <li class="nav-item"> <a class="nav-link" href="services.html">SERVICES</a> </li> <li class="nav-item"> <a class="nav-link" href="durrat.html">DURRAT MARINA</a> </li> <li class="nav-item"> <a class="nav-link" href="about.html">ABOUT US</a> </li> </ul> </div> </nav> </div> <div class="container-fluid"> <div class="row"> <div class="col-12"> <img src="http://tissertechnologies.com/Projects/2019/design/suprema/img/bot-slider.jpg" class="img-fluid" alt="banner"/> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
Взгляните на каналы данных Университета Дьюка . Они предоставляют календарь / события в формате RSS и пользовательский XML. Они также опубликовали пример кода PHP / JavaScript для того, как использовать их фиды. Возможно, вы захотите, чтобы сайты в вашей интрасети предоставляли свои каналы в одном из этих двух форматов и использовали что-то похожее на их пример сценария PHP для агрегирования каналов.
Представить данные календаря в формате RFC 2445 iCalendar .
Представить синдикационный канал обновлений в формате RFC 5023 AtomPub .
Я бы рекомендовал публиковать исходную информацию с помощью hCalendar. Затем вы можете использовать библиотеку или службу синтаксического анализа для преобразования из hCalendar в iCalendar (или в другой полезный формат, например XML или JSON).
Перед публикацией iCalendar напрямую выгода двоякая:
Существуют различные анализаторы микроформатов, которые либо работают как веб-службы, либо вы можете установить и запустить на своих собственных серверах. Есть информация о микроформатах вики: http://microformats.org/wiki/implementations , http: // микроформаты. org / wiki / parsers .
В частности, вы можете найти X2V полезным: http://microformats.org/wiki/implementations#X2V
Я предлагаю использовать канал Atom с записями XHTML, содержащими записи hCalendar.