文本对齐风格能应用于列表么

来源:2-8 文本对齐风格

VivianLee

2016-12-09 15:19

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>普通列表、有序列表</title>

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

</head>

<body>

<h5>普通列表</h5>

<ul class="text-right">

    <li>列表项目1</li>

    <li>列表项目2</li>

    <li>列表项目3</li>

    <li>列表项目4</li>

    <li>列表项目5</li>

</ul>

<h5>有序列表</h5>

<ol>

      <li>项目列表一</li>

      <li>项目列表二</li>

      <li>项目列表三</li>

</ol>

 <script src="http://cdn.bootcss.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

</body>

</html>

这样使用的时候列表并没有向右对齐,为什么呢


写回答 关注

2回答

  • 酷得被雷劈
    2016-12-09 16:58:34
    已采纳

    看好css的链接
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

    Vivian...

    !!!原来是写错了!!!谢谢你~

    2016-12-09 17:36:33

    共 1 条回复 >

  • 慕粉1135537571
    2016-12-09 16:56:36

    普通列表下的列表项目右对齐了啊,不过,你要加一个样式<ul class="text-right list-unstyled">,这样就可以了啊

    Vivian...

    不好意思,是我写错了》。《

    2016-12-09 17:38:10

    共 2 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题