css - 从右到左显示列表元素

标签 css twitter-bootstrap

我想排列从右到左显示的列表元素,

<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>

我尝试在ul元素中添加class="pull-right",但发现它们都是右对齐的,没有格式化。

要一一调整li的padding吗?

我希望它显示为

                               - Javascript
                             - DOM
                             - BOM
                                 - jQuery

最佳答案

试试这个 CSS 代码:

ul{
    direction: rtl;
}

关于css - 从右到左显示列表元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51452662/

相关文章:

javascript - 如何创建包含colspans的固定表标题行?

javascript - 您可以根据视口(viewport)大小制作条件语句来使用或不使用某些 JavaScript 吗?

javascript - Bootstrap + jQuery : Resizing diagram based on screen width

html - 使用 Bootstrap 平衡图像的文本叠加

html - 如何使元素的宽度为屏幕的全宽而不是父元素的宽度 - css

css - 添加 ajax 元素后定位的 div 元素不会流动/更新

javascript - JS函数去除两个相互干扰的不同类

css - Bootstrap 中的动态行

html - Logo 和文本在同一行 - Bootstrap 导航栏

css - 为什么这个 Bootstrap 布局在 jsfiddle 中不起作用?