我无法使图标与文本对齐并在图标之间留有一定的空白。我也试图在li的左边放置一个数值（1,2 ... n），但是bootstrap文档似乎没有。
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<li class="list-group-item justify-content-between">test1<div class="text-right"><a class="action-icon" id="delete-test1" name="test1"><span class="fa fa-trash"></span></a><a class="action-icon" id="edit-test1" name="test1"><span class="fa fa-edit"></span></a></div></li>
<li class="list-group-item justify-content-between">test2<div class="text-right"><a class="action-icon" id="delete-test2" name="test2"><span class="fa fa-trash"></span></a><a class="action-icon" id="edit-test2" name="test1"><span class="fa fa-edit"></span></a></div></li>
<li class="list-group-item justify-content-between">test3<div class="text-right"><a class="action-icon" id="delete-test3" name="test1"><span class="fa fa-trash"></span></a><a class="action-icon" id="edit-test3" name="test1"><span class="fa fa-edit"></span></a></div></li>最佳答案
您可以使用向右拉而不是文本向右
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<li class="list-group-item justify-content-between">test1<div class="pull-right"><a class="action-icon" id="delete-test1" name="test1"><span class="fa fa-trash"></span></a><a class="action-icon" id="edit-test1" name="test1"><span class="fa fa-edit"></span></a></div></li>
<li class="list-group-item justify-content-between">test2<div class="pull-right"><a class="action-icon" id="delete-test2" name="test2"><span class="fa fa-trash"></span></a><a class="action-icon" id="edit-test2" name="test1"><span class="fa fa-edit"></span></a></div></li>
<li class="list-group-item justify-content-between">test3<div class="pull-right"><a class="action-icon" id="delete-test3" name="test1"><span class="fa fa-trash"></span></a><a class="action-icon" id="edit-test3" name="test1"><span class="fa fa-edit"></span></a></div></li>