Как сделать вертикальные линии между пунктами меню или нижнего колонтитула?

Question

Я хочу сделать нижний колонтитул подобным образом, но я не знаю, как нарисовать эту вертикальную линию между О КОНТАКТ и т. Д. ... кто-нибудь может помочь?

Answer 1

Вам нужно будет сделать это, добавив скрипт CSS.Для этого конкретного изображения, которым вы поделились, это будет примерно так: ваш HTML-скрипт будет примерно выглядеть так:

<div class="container-fluid">
<div class="row">
    <ul>
        <li class="col-md-2">Copyright</li>
        <li class="col-md-2">About</li>
        <li class="col-md-2">Contact</li>
        <li class="col-md-2">Terms of Use</li>
    </ul>
</div>
</div>

А ваш CSS-скрипт будет:

ul {
  list-style-type: none;
}
ul li {
  border-right: 1px solid #000;
}
ul li:last-of-type {
  border-right: none;
}

Надеюсь, это поможет!

Answer 2

Вы можете использовать границу слева или границу справа от CSS

{
    border-left: 5px solid red;
}