부트 스트랩 목록에서 요소 선택 및 삭제

Question

정말 멋진 부트 스트랩 목록이 있습니다. 그러나 하단의 삭제 버튼을 사용하여 목록에서 요소를 선택하고 삭제할 수 있기를 원합니다. 나는 목록 요소에 체크 박스를 포함 시키려고 노력했지만 많은 성공을 거두지 못하고 전혀 표시되지 않거나 두려운 목록 항목 아래에 있습니다. 여기 내 코드 -

<ul id = "list" class="list-group"> 
    <a href="#" class="list-group-item active"> 
    Group 
    </a> 
    <a data-toggle="modal" data-target="#myModal" class="list-group-item">Maths</a> <input type = "checkbox"> 
    <a data-toggle="modal" data-target="#myModal" class="list-group-item">History</a> <input type = "checkbox"> 
    <a data-toggle="modal" data-target="#myModal" class="list-group-item">Chemistry</a> <input type = "checkbox"> 

</ul> 

나는 체크 박스의 부동을 왼쪽으로 설정하려고 시도했지만 아무런 효과가 없었다. 이상적으로는 오히려 오른쪽에있는 확인란을 사용하고 싶지만 링크를 끊는 것 같습니다. 아무도 내가 이것을 어떻게 할 수 있는지 또는 목록 항목을 선택하고 삭제하는 더 좋은 방법을 제안 할 수 있습니까? 초보자는 분명한 질문 인 경우 내 지식 부족을 변명합니다.

Answer 1

흠 나는 테이블에 그것을 넣는 것을 끝내었다. 아마도 매우 분명한 질문 이었지만 어쨌든 내 솔루션이 있습니다.

<table> 
    <tr> 
    <td colspan="2"> 
<ul id = "list" class="list-group"> 
    <a href="#" class="list-group-item active"> 
    Group </a> 
    </td> 
</tr> 
    <tr> 
    <td><input type = "checkbox"></td> 
    <td><a href="#" onclick="myFunction()" class="list-group-item">Maths</a></td> 
</tr> 
<tr> 
    <td><input type = "checkbox"></td> 
    <td><a href="#" onclick="myFunction()" class="list-group-item">History</a></td> 
</tr> 
<tr> 
    <td><input type = "checkbox"></td> 
    <td><a href="#" onclick="myFunction()" class="list-group-item">Chemistry</a></td> 
    </tr> 
</ul> 
</table>