laravel bootstrap components

配x該軟件包已被放棄，支持https://github.com/okipa/laravel-form-components。配x
=>只有錯誤修復將合併。請考慮搬到新的軟件包。

節省時間並利用一組動態，即時使用和完全可自定義的Bootstrap表單組件。

發現此包裝有幫助嗎？請考慮支持我的工作！

相容性

拉拉維爾	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

配x更改配置文件中的路徑後，您可能必須運行composer dump-autoload 。

翻譯

所有顯示的標籤或句子都是可翻譯的。

請參閱如何在Laravel官方文檔中翻譯它們：https：//laravel.com/docs/localization#using-translation-translation-snrings-astrings-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）
• 所有貢獻者

執照

麻省理工學院許可證（麻省理工學院）。請參閱許可證文件以獲取更多信息。