helper class

helper class

• 여러가지 component와 css에 도움을 주는 클래스들로 구성이 되어져있다.

---

.caret (Dropdown menu)

• 클릭을 하였을 시 리스트를 보여주는 버튼을 만들어준다.

    <button class="btn btn-danger">드랍다운 메뉴
        <span class="caret"></span>
    </button>

---

close 버튼

• 폼이나 버튼을 사라지게 하는 기능이다. 
• 부모객체가 되는 클래스이름을 아래와 같이 입력해주어야 한다.

    <div class="alert btn btn-info">이용해주셔서 감사합니다.
        <button type="button" class="close" aria-label="Close" data-dismiss="alert">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>

---

.pull-left .pull-right .clearfix .center-block

• 객체를 화면의 제일 오른쪽 또는 왼쪽으로 위치를 지정하는 기능이다.
• .clearfix는 움직이는 객체로부터 위치의 영향을 받지 않게 하는 클래스이다.
• 센터블록을 사용하면 화면 가운데에 객체를 배치를 할 수 있다.

<div class="pull-left"></div>

<div class="bg-danger col-xs-3 pull-right"></div>

<div class="clearfix"></div>

<div class="center-block"></div>

---

.visible .hidden 

• 디스플레이 크기에 따라 보여지거나 사라지게 하는 속성을 줄 수 있음.
• .visible은 원하는 크기에서 보여주는 속성
• .hidden은 원하는 크기에서 숨기는 속성