unordered并没有删除使用unstyled类的样式
Rit*_*tta 20 html css twitter-bootstrap
我是Bootstrap的初学者.我正在尝试使用无格式的类来取消列表的样式,但它不是删除每个选项左侧的黑点如何删除此黑点请指导我的代码是
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<ul class="unstyled">
<li>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>Option 1
</li>
<li>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">Option 2
</li>
<li><input type="radio" name="optionsRadios" id="optionsRadios3" value="option3">option3</li>
<li><input type="radio" name="optionsRadios" id="optionsRadios4" value="option4">option4</li>
<li><input type="radio" name="optionsRadios" id="optionsRadios5" value="option5">option5</li>
</ul>
</body>
</html>
dsg*_*fin 42
Bootstrap 3+
从Bootstrap 3开始,您将使用list-unstyled该类来实现此目的.
Unstyled- 删除默认list-style和left-margin列表项(仅限直接子项).这仅适用于直接子列表项,这意味着您还需要为任何嵌套列表添加类.
例:
<ul class="list-unstyled">
<li>...</li>
</ul>
Bootstrap 2
如果仍然使用Bootstrap 2,则使用unstyled该类.
Unstyled- 删除默认list-style和left padding列表项(仅限直接子项).
例:
<ul class="unstyled">
<li>...</li>
</ul>
- 这不是真正的问题,如果他使用bootstrap,已经有一个类(列表 - 没有BS3的样式),并在bootstrap上添加样式,完全相同的类型失败的目的...... (2认同)
首先将您的bootstrap.css链接到您的html文件中.您可以在bootstrap.css文件中搜索"list-unstyled"类.bootstrap当前版本是3.0.0,所以你可以这样从ul中删除样式:
<ul class="list-unstyled">
<li>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>Option 1
</li>
</ul>