toast grid 예제

그런 다음 그리드를 사용하려면 랩(자체 CSS에 제공)과 .grid 컨테이너가 필요합니다. 부트 스트랩 및 기초 그리드 시스템처럼, 토스트는 매우 쉽게 여러 열 레이아웃을 만들 수있는 다른 CSS 클래스를 제공합니다. 여기에서 토스트 그리드를 사용하여 간단한 두 개의 열 레이아웃을 만드는 기본 태그를 볼 수 있습니다: Toast Grid는 또한 푸시, 당기기 및 홈통 없음 클래스와 같은 그리드 및 열에 대해 서로 다른 클래스를 제공합니다. 프로젝트에서 푸시 및 끌어오기 클래스를 사용하지 않으려면 Sass로 클래스를 사용하지 않도록 설정할 수 있습니다. 부트스트랩과 마찬가지로 토스트는 소형 및 중형 화면 장치를 대상으로 하는 CSS 클래스도 제공합니다. 즉, 소규모 또는 중간 화면 장치에 다중 열 레이아웃이 필요한 경우 추가 클래스를 적용할 수 있습니다. $toast-col-그룹(n)은 컬럼 분할을 조정합니다. 예를 들어 $toast 콜 그룹(12)은 12열 그리드를 생성합니다. $toast 콜 그룹(3,6,8)은 3열, 6열 및 8열 그리드를 생성합니다. 12 열 그리드는 가장 인기 있고 널리 사용됩니다.

12 개의 열 gris 시스템을 사용하면 다른 프로젝트에 대해 여러 열 레이아웃을 만들 수 있습니다. 나는 개인적으로 12 개의 열 그리드를 사용하는 것을 좋아합니다. 토스트에는 다양한 종류의 레이아웃을 더 쉽게 만들 수 있는 몇 가지 수정자가 있습니다. 중단점 후크는 중단점에서 기본 동작과 다르게 동작하도록 하는 중단점 후크가 있습니다: Toast의 클래스는 매우 길지만 Sass 변수로 이러한 모든 클래스의 이름을 매우 쉽게 바꾸거나 검색 및 바꾸기 기능을 사용할 수 있습니다. 따라서 Toast의 기본 참고 사항 이름을 바꿀 수 있습니다: 알림은 jQuery로 초기화되어야 합니다: 지정된 요소를 선택하고 toast() 메서드를 호출합니다. 이미 부트스트랩, 파운데이션 또는 다른 CSS 프레임워크를 사용하고 있는 경우 새 그리드 시스템을 배워야 하는 이유를 물어볼 수 있습니다. 토스트 프레임워크는 그리드입니다. 그거에요. 곧, 그것은 유형 스타일과 무엇을 할 수 있습니다,하지만 그 힘은 고도로 사용자 정의 디자인에. 토스트는 정말 가벼운 무게 완전히 응답 CSS 그리드입니다. 토스트 그리드는 animate.css 및 baseline.js 뒤에 있는 댄 에덴에 의해 만들어졌습니다. 토스트는 313줄의 코드와 7KB의 압축되지 않은 반면, 부트스트랩 3.2 CSS의 축소된 버전은 106KB(6200줄의 코드)입니다.

아래 예제에서 볼 수 있듯이 빈 데이터 옵션으로 Grid 인스턴스를 초기화한 다음 사용 메서드를 사용하여 v3.0에서 Net에 대한 관련 옵션을 구성해야 했습니다. 불필요한 조치처럼 느껴졌기 때문에 불편해 보였습니다. 위의 예에서는 12 개의 열 그리드를 사용하여 두 개의 동일한 열 레이아웃을 만들수 있지만 Toast 그리드의 변형을 사용하여 두 개의 동일한 열 레이아웃을 만들 수도 있습니다. 자세한 내용은, http://daneden.github.io/Toast 이동 토스트 그리드 시스템을 사용하는 가장 큰 이유는, 그것은 매우 가볍고, 말도 안되는 그리드 시스템입니다, 신속하고 쉽게 응답 웹 사이트를 만들기위한.


Parse error: syntax error, unexpected ',' in /home/nickegge/public_html/wp-content/themes/minimatica/comments.php on line 68