如何左对齐左ul li项目

Question

以下是所有清单。我使用js文件生成此列表。我想对那些列表进行调整。但这是行不通的。 当我只编写此代码时，将其左对齐。使用js文件时有区别吗？

app.js

 if (name.search(expression) != -1 || location.search(expression) != -1) {
              $(`.resultUl[data-ref="${ref}"]`).append(
            `<li 
                class="list-group-item link-class list-item"
                data-name="${name}"
                data-code="${code}"
                data-location="${location}"
              >

              ${name}
              <span class="text-muted">${location}</span>
           </li>
           `
          );
        }
      });

Answer 1

@Adim Victor的回答很不错，但是您的代码还有其他问题...

.list-item {
   text-align : left; 
}

这是根据您的代码工作的Fiddle

请从现在开始发布完整代码，以便其他人更好地为您提供帮助

Answer 2

您必须使用CSS设置所有.list-group-item的样式。 试试这个。

.list-group-item {
   text-align : left; 
}