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>
这样使用的时候列表并没有向右对齐,为什么呢
看好css的链接
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
普通列表下的列表项目右对齐了啊,不过,你要加一个样式<ul class="text-right list-unstyled">,这样就可以了啊
玩转Bootstrap(基础)
314544 学习 · 2275 问题
相似问题