Отображать элемент списка справа налево
Я хочу расположить элемент списка, отображаемый справа налево,
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
</head>
<body>
<div class = "row">
<div class = "col-sm-6">
<ul>
<li>Javasript
<ul>
<li>DOM</li>
<li>BOM</li>
<li>Global Objects</li>
</ul>
</li>
<li>jQuery</li>
<li>CSS</li>
<li>HTML</li>
</ul>
</div>
</div>
<script>
</script>
</body>
</html>Я попытался добавить class = "pull-right" к элементу ul, но обнаружил, что все они правильно выровнены без форматирования.
Должен ли я регулировать заполнение li по одному?
Я хочу, чтобы это отображалось как
- Javascript - DOM - BOM - jQuery
Ответы 2
Вы забыли добавить в свой файл bootstrap css cdn. Вы можете получить загрузочный css из здесь.
Затем вы можете использовать сетку начальной загрузки. В начальной загрузке есть класс строки. Имеет 12 колонок. щелкните здесь, чтобы понять концепцию сетки.
pull-right заменен на float-right.
Аналогичным образом pull-left заменяется на float-left.
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
<link href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin = "anonymous">
</head>
<body>
<div class = "row">
<div class = "col-sm-4"></div>
<div class = "col-sm-4">
<ul>
<li>Javasript
<ul>
<li>DOM</li>
<li>BOM</li>
<li>Global Objects</li>
</ul>
</li>
<li>jQuery</li>
<li>CSS</li>
<li>HTML</li>
</ul>
</div>
<div class = "col-sm-4"></div>
</div>
<script>
</script>
</body>
</html>Обновление: - В соответствии с вашим вопросом вывод обновлен. В этом может быть несколько решений. Одно из решений - вы можете использовать концепцию сетки, как я упоминал выше. Определите столбцы, в которых вы хотите отображать контент, когда я обновляю свой код. Помимо этого, вы также можете использовать align-item для начальной загрузки. Помимо этого, вы также можете использовать justify-content-centerссылка на сайт.
@Humbler Я обновил контент в ответе. Пожалуйста, ушел, бросил.
Попробуйте этот код CSS:
ul{
direction: rtl;
}
ты, это волшебство, я проголосую за тебя позже, когда наберусь достаточно репутации.
спасибо, я согласился, но я хочу, чтобы это было показано как (я добавил это в вопрос)