Как убрать маркеры у ненумерованного списка в Bootstrap 5?

как убрать точки у ul в bootstrap 5?

В Bootstrap 5 убирание точек у ненумерованного списка (<ul>) можно сделать с помощью класса list-unstyled. Этот класс убирает маркеры списка и отступы.

Вот пример использования:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Пример списка в Bootstrap 5</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container">
    <h1>Список без маркеров</h1>
    <ul class="list-unstyled">
        <li>Элемент списка 1</li>
        <li>Элемент списка 2</li>
        <li>Элемент списка 3</li>
    </ul>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

В этом примере класс list-unstyled применяется к <ul>, что заставляет браузер не отображать маркеры списка.

Опубликовано 17.05.2025 17:00:10