Unordered не удаляет стиль при использовании класса unyled

Я новичок в 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>

Ответ 1

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>

Ответ 2

сначала свяжите ваш bootstrap.css в своем html файле. вы можете найти класс "list-unstyled" в файле bootstrap.css. Текущая версия bootstrap 3.0.0, поэтому вы можете удалить стиль из ul следующим образом:

<ul class="list-unstyled">
<li>
  <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1"     checked>Option 1
</li>
</ul>