정렬을 엉망으로 만들지 않고 내 트위터 - 부트 스트랩 사이트에서 내 fontawesome 글리프 아이콘의 크기를 줄이려면 어떻게해야합니까? 건설중인 다음 웹 페이지에서

Question

, 당신은 상단에 회사 이름 옆에 흰색 상자가 표시됩니다 이것은 트위터 - 부트 스트랩 기반 사이트 및 FontAwesome에서 흰색 상자 "문자 모양 아이콘"입니다 here

왼쪽 . 아이콘이 회사 이름과 일치하지 않으면 흰색 상자의 크기를 줄일 수 없습니다 (아마도 25 % 정도가 바람직 할 것입니다). 사이트에서 "소스보기"를 기하고 올바른 코드 변경을 결정할 수 있는지 확인하십시오.

Answer 1

다음은 문제를 해결하는 방법입니다. line-height: 28px;을 추가하고 padding-top을 8px로 변경하여 custom.css 파일의 .navbar .brand 클래스로 변경하십시오. 그런 다음 custom.css 파일에 다음의 CSS

.navbar .brand .icon-sign-blank 
{ 
font-size: 75%; 
padding-bottom: 4px; 
display: inline-table; 
vertical-align: bottom; 
} 

을 추가하십시오. 글꼴 솜씨 아이콘을 브랜드 이름의 기준선에 맞 춥니 다. 희망하는 문제를 해결하는 데 도움이되기를 바랍니다.