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>
![enter image description here]()
Ответы
Ответ 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>
