Список группы в 2 столбца начальной загрузки 4 - PullRequest
Новая
       1

Список группы в 2 столбца начальной загрузки 4

0 голосов
/ 30 сентября 2018

Как мне сделать список-группу в 2 столбца при начальной загрузке 4 

<div class="categories">
    <h4>Categories</h4>
    <ul class="list-group">
      <li class="list-group-item active">Name 1</li>
      <li class="list-group-item">Name 2</li>
      <li class="list-group-item">Name 3</li>
      <li class="list-group-item">Name 4</li>
      <li class="list-group-item">Name 5</li>
      <li class="list-group-item">Name 6</li>
    </ul>
</div>

, чтобы она была

enter image description here

1 Ответ

0 голосов
/ 30 сентября 2018

Попробуйте это 

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
</head>

<body>
    <div class="container">
        <h4>Categories</h4>
        <div class="row">

            <div class="col">
                <ul class="list-group">
                    <li class="list-group-item active">Name 1</li>
                    <li class="list-group-item">Name 2</li>
                    <li class="list-group-item">Name 3</li>
                    <li class="list-group-item">Name 4</li>
                </ul>
            </div>
            <div class="col">
                <ul class="list-group">
                    <li class="list-group-item active">Name 1</li>
                    <li class="list-group-item">Name 2</li>
                    <li class="list-group-item">Name 3</li>
                    <li class="list-group-item">Name 4</li>
                    <li class="list-group-item">Name 5</li>
                    <li class="list-group-item">Name 6</li>
                </ul>
            </div>

        </div>
    </div>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...