Наиболее распространенный стандарт для обеспечения канала предстоящих событий через сеть

Тебе это нужно, потому что я не могу понять твой вопрос кратко

Я удаляю позиции из твоего кода, потому что ты хочешь поместить элемент div ниже.

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>

6
задан Joel 27 April 2009 в 14:04
поделиться

4 ответа

Взгляните на каналы данных Университета Дьюка . Они предоставляют календарь / события в формате RSS и пользовательский XML. Они также опубликовали пример кода PHP / JavaScript для того, как использовать их фиды. Возможно, вы захотите, чтобы сайты в вашей интрасети предоставляли свои каналы в одном из этих двух форматов и использовали что-то похожее на их пример сценария PHP для агрегирования каналов.

0
ответ дан 17 December 2019 в 07:08
поделиться

Представить данные календаря в формате RFC 2445 iCalendar .

Представить синдикационный канал обновлений в формате RFC 5023 AtomPub .

3
ответ дан 17 December 2019 в 07:08
поделиться

Я бы рекомендовал публиковать исходную информацию с помощью hCalendar. Затем вы можете использовать библиотеку или службу синтаксического анализа для преобразования из hCalendar в iCalendar (или в другой полезный формат, например XML или JSON).

Перед публикацией iCalendar напрямую выгода двоякая:

  1. Вам нужно опубликовать только один версия вашей информации (только HTML, а не HTML и iCalendar).
  2. Это проще для ваших издателей, им просто нужно будет внести незначительные изменения в HTML, используемый для публикации своих событий, вместо изучения совершенно нового формата.

Существуют различные анализаторы микроформатов, которые либо работают как веб-службы, либо вы можете установить и запустить на своих собственных серверах. Есть информация о микроформатах вики: http://microformats.org/wiki/implementations , http: // микроформаты. org / wiki / parsers .

В частности, вы можете найти X2V полезным: http://microformats.org/wiki/implementations#X2V

1
ответ дан 17 December 2019 в 07:08
поделиться

Я предлагаю использовать канал Atom с записями XHTML, содержащими записи hCalendar.

0
ответ дан 17 December 2019 в 07:08
поделиться
Другие вопросы по тегам:

Похожие вопросы: