Properly unstyle the `.list-unstyled` class by switching from `margin` to `padding`

Also add better comments

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 67db9c1123e43056b090b84c8c8646f414761eae..04d5bc1fd9b14408345c75778643add3c1845140 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -516,12 +516,12 @@ ol ul {
 }
 
 .list-unstyled {
-  margin-left: 0;
+  padding-left: 0;
   list-style: none;
 }
 
 .list-inline {
-  margin-left: 0;
+  padding-left: 0;
   list-style: none;
 }
 

diff --git a/less/type.less b/less/type.less
index c18bfe86ec3ff7ffbba1d32a0f8fd1185b0695c5..a74bdaeffeb428d58d475f51fbfa2b5a03a34780 100644 (file)
--- a/less/type.less
+++ b/less/type.less
@@ -118,9 +118,9 @@ ol ul {
 
 // List options
 
-// Unstyled keeps list items block level, just removes list-style
+// Unstyled keeps list items block level, just removes default browser padding and list-style
 .list-unstyled {
-  margin-left: 0;
+  padding-left: 0;
   list-style: none;
 }
 // Inline turns list items into inline-block