21

我是 Bootstrap 的初学者。我正在尝试使用 unstyled 类取消列表的样式，但它没有删除每个选项左侧大部分的黑点如何删除这个黑点请指导我的代码是

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

在此处输入图像描述

4

2 回答 2

48

引导程序 3+

从 Bootstrap 3 开始，您将使用list-unstyled该类来实现这一点。

Unstyled- 删除默认项list-style和left-margin列表项（仅限直系子项）。这仅适用于直接子列表项，这意味着您还需要为任何嵌套列表添加类。

例子：

<ul class="list-unstyled">
  <li>...</li>
</ul>

引导程序 2

如果仍在使用 Bootstrap 2，您将使用unstyled该类。

Unstyled- 删除默认项list-style和left padding列表项（仅限直系子项）。

例子：

<ul class="unstyled">
  <li>...</li>
</ul>
于 2013-06-08T17:46:13.053 回答
7

首先将您的 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>
于 2013-10-20T13:30:18.457 回答