2014-06-08 4 views
1

이미 pseudo 요소가 적용된 div에 글꼴 멋진 아이콘을 표시해야합니다 (전후). pseudo 요소를 사용하는 div, 3d 효과 용지가 있다고 가정 해보십시오. 이제 폰트 멋진 아이콘을 사용하는 문의 양식을 그려 보겠습니다. 그러나 멋진 글꼴 아이콘이 표시되지 않습니다.이미 멋진 요소를 사용하고있는 컨테이너에 awesome을 사용하십시오.

나는 우리에게 문의 양식 주위에 더미 div를 유지하려했으나 명확한 수정이 필요했습니다. 하지만 여전히

UPDATE를 작동하지 않았다 :http://jsfiddle.net/tss5Z/

<div class="slickbox row"> 
    <div class="col-md-6"> 
     <div class="input-group"> 
      <span class="input-group-addon"><i class="fa fa-envelope"></i></span> 
      <input type="text" class="form-control" placeholder="Name"> 
     </div> 
    </div> 
    <div class="clear"></div> 

</div> 
<div class="input-group"> 
    <span class="input-group-addon"><i class="fa fa-envelope"></i></span> 
    <input type="text" class="form-control" placeholder="Name"> 
</div> 
+0

jsfiddle? 암호? – Veera

답변

3

나는 당신이 당신의 CSS에 오류가 있다고 생각.

그래서 ... 당신의 클래스 선택기 후 공간을 제거하십시오 :

.slickbox :before, .slickbox :after { ... 

이 될 것입니다 : 등등

.slickbox:before, .slickbox:after { ... 

하고 있습니다. 작동 참조 jsFiddle.

+0

그 공간이 결국 무엇을 만들지 궁금해합니다 : O –

+0

": before"가 속한 선택자를 공백으로 알고 선택기가있는 요소의 ": before"에 스타일을 적용하려고 시도합니다 " .slickbox "...".slickbox "자체에만 적용해야하는 경우. 마찬가지로 ".class1.class2"는 .class1과 .class2 둘 다 가진 요소를 찾고, ".class1 .class2"는 ".class1"이있는 요소 안에 ".class2"가있는 요소를 찾습니다. – pschueller

+0

OOPS ... bootstrap.min.css를 포함 시키면 작동하지 않습니다. 하지만 나머지 페이지에서는 부트 스트랩을 사용하고 있습니다. http://jsfiddle.net/tss5Z/2/ –

관련 문제