Menu
i am a beginner in Bootstrap .i am trying to unstyle the list using unstyled class,but it is not removing black-spot on the left most of each option how to remove this black dot please guideline my code is
<!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> 
246
For unstyled list in Bootstrap, use the list-unstyled class.
If you're using the Bootstrap framework you can simply apply the class . list-unstyled on the <ul> or <ol> element. It removes the bullets (or list markers) as well as the left padding from the list items which are immediate children of the <ul> or <ol> element.
HTML exampleAdding the "list-style: none" CSS class to the unordered list (<ul>) or ordered list (<ol>) tag removes any bullet or number.
As of Bootstrap 3, you'd use the list-unstyled class to achieve this.
Unstyled- Remove the defaultlist-styleandleft-marginon list items (immediate children only). This only applies to immediate children list items, meaning you will need to add the class for any nested lists as well.
Example:
<ul class="list-unstyled"> <li>...</li> </ul> If still using Bootstrap 2, you'd use the unstyled class.
Unstyled- Remove the defaultlist-styleandleft paddingon list items (immediate children only).
Example:
<ul class="unstyled"> <li>...</li> </ul> first link your bootstrap.css in your html file. you can search for "list-unstyled" class in bootstrap.css file. bootstrap current version is 3.0.0, so you can remove style from ul this way:
<ul class="list-unstyled"> <li> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>Option 1 </li> </ul> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
