부트 스트랩 및 앵귤러 CSS 문제

Question

AngularJS & Bootstrap으로 모바일 모바일 웹 사이트를 구축했습니다. http://www.quaaoutlodge.com/mobile/ 이제 텍스트를 <li 목록 항목의 가운데로 옮기고 싶습니다. 그러나 padding-bottom 또는 margin-bottom을 #desc 요소에 추가하면 텍스트가 전혀 위로 이동하지 않지만 예약 된 공간은 그냥 간다 <li 국경 맞은 편. 왜 이런거야? 위의 효과를 달성하기 위해 이것을 어떻게 변경합니까?

감사합니다.

편집 한 나는 그들이 얻을 수 있도록 왼쪽에있는 아이콘을 유지하는 동안 텍스트를 이동 어떻게, class에 id에서 <span 스타일을 변경 display: inline-block; 및 padding-bottom: 10px;을 추가 패딩 지금 적용됩니다하지만, 서로 중심에 정렬 되었습니까?

Answer 1

먼저 페이지에 고유하지 않은 id 요소가있는 문제를 해결해야합니다. id 대신 #desc에 대한 클래스를 사용해야합니다.

#desc 범위의 패딩과 관련하여 display 스타일을 인라인 블록으로 설정해야하며, 패딩을 사용하여 주변 공간에 영향을 줄 수 있어야합니다.