laravel bootstrap components

켈 이 패키지는 https://github.com/okipa/laravel-form-components에 찬성하여 포기되었습니다. 켈
=> 버그 수정 만 병합됩니다. 새 패키지로 이동하는 것을 고려하십시오.

시간을 절약하고 역동적이고, 즉시 사용 가능하며 완전히 사용자 정의 할 수있는 부트 스트랩 양식 구성 요소 세트를 활용하십시오.

이 패키지가 도움이 되었습니까? 내 작품을 지원하는 것을 고려하십시오!

호환성

라 라벨	PHP	부트 스트랩	패키지
^7.0	^7.4	^4.0	^5.0
^7.0	^7.4	^4.0	^4.0
^7.0	^7.4	^4.0	^3.0
^5.8	^7.2	^4.0	^2.0
^5.5	^7.1	^4.0	^1.0

업그레이드 가이드

• v4에서 v5로
• v3에서 v4로
• v2에서 v3로
• V1에서 V2로

용법

뷰에서 필요한 구성 요소를 호출 하고이 패키지가 HTML 생성 성가신 부분을 관리하도록하십시오.

표준 사용 사례

귀하의 견해 에서이 구성 요소를 호출하십시오.

 {{-- Helper style --}}
{{ inputText () -> name ( ' name ' ) } }

{{-- Facade style --}}
{{ InputText :: name ( ' name ' ) } }

그리고이 HTML을 당신을 위해 생성하십시오.

< div class = " component-container form-group " >
    < label for = " text-name " >
        Name
    </ label >
    < div class = " input-group " >
        < div class = " input-group-prepend " >
            < span class = " input-group-text " >
                < i class = " fas fa-font " ></ i >
            </ span >
        </ div >
        < input id = " text-name "
            class = " component form-control "
            type = " text "
            name = " name "
            value = " "
            placeholder = " Name " >
    </ div >
</ div >

다국어 사용 사례

귀하의 견해 에서이 구성 요소를 호출하십시오.

 {{-- Helper style --}}
{{ inputText () -> name ( ' title ' ) -> localized ([ ' fr ' , ' en ' ]) } }

{{-- Facade style --}}
{{ InputText :: name ( ' title ' ) -> localized ([ ' fr ' , ' en ' ]) } }

그리고이 HTML을 당신을 위해 생성하십시오.

 < div class =" component-container form-group " >
    < label for =" text-title-fr " >
        Title (FR)
    </ label >
    < div class =" input-group " >
        < div class =" input-group-prepend " >
            < span class =" input-group-text " >
                < i class =" fas fa-font " > </ i >
            </ span >
        </ div >
        < input id =" text-title-fr "
            class =" component form-control "
            type =" text "
            name =" title[fr] "
            value =""
            placeholder =" Title (FR) "
            data-locale =" fr " >
    </ div >
</ div >
< div class =" component-container form-group " >
    < label for =" text-title-en " >
        Title (EN)
    </ label >
    < div class =" input-group " >
        < div class =" input-group-prepend " >
            < span class =" input-group-text " >
                < i class =" fas fa-font " > </ i >
            </ span >
        </ div >
        < input id =" text-title-en "
            class =" component form-control "
            type =" text "
            name =" title[en] "
            value =""
            placeholder =" Title (EN) "
            data-locale =" en " >
    </ div >
</ div > 

목차

• 설치
• 구성
• 번역
• 보기
• API 문서
• 테스트
• changelog
• 기여
• 크레딧
• 특허

설치

• 작곡가로 패키지를 설치하십시오.

composer require okipa/laravel-bootstrap-components

구성

필요한 경우 패키지 구성 파일을 게시하려면 다음을 사용자 정의하십시오.

php artisan vendor:publish --tag=bootstrap-components:config

켈 구성 파일에서 경로를 변경 한 후 composer dump-autoload 실행해야 할 수도 있습니다.

번역

표시된 모든 레이블 또는 문장은 번역 가능합니다.

Laravel 공식 문서 : https://laravel.com/docs/localization#using-translation-strings-as-keys에서이를 번역하는 방법을 참조하십시오.

번역에 사용할 수있는 단어와 문장 목록은 다음과 같습니다.

• Create
• Update
• Validate
• Back
• Cancel
• Remove
• No file selected.
• Awaited format: Day/Month/Year.
• Awaited format: Hour:Minutes.
• Awaited format: Day/Month/Year Hour:Minutes.
• Your browser does not support the :tag HTML5 tag.

또한 validation ( attributes 키) 번역 파일의 ->name() 메소드에서 정의하는 각 속성을 정의해야합니다.

보기

필요한 경우 패키지보기를 게시하려면 다음을 사용자 정의하십시오.

php artisan vendor:publish --tag=bootstrap-components:views

API 문서

• 구성 요소 목록
• 구성 요소 유형

테스트

composer test 

changelog

최근에 변경된 내용에 대한 자세한 내용은 Changelog를 참조하십시오.

기여

자세한 내용은 기여를 참조하십시오.

크레딧

• Arthur Lorent
• 모든 기고자

특허

MIT 라이센스 (MIT). 자세한 내용은 라이센스 파일을 참조하십시오.