forxer/blade-ui-kit-bootstrap

具有 Bootstrap 风格和类别的 Blade UI Kit 组件

维护者

详细信息

github.com/forxer/blade-ui-kit-bootstrap

主页

源代码

问题

安装: 511

依赖者: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

公开问题: 4

0.19.1 2024-09-23 14:25 UTC

Requires

Requires (Dev)

MIT f201ec4e4282595318f27a6617bb034ca85ad32b

  • Vincent Garnier

bootstrapcomponentlaravelblade

This package is auto-updated.

Last update: 2024-09-23 14:30:03 UTC

README

此包提供了一些为与 Bootstrap（4 和/或 5）一起使用而准备的 Blade 组件。

好吧，是的：并不是每个人都使用 Tailwind CSS 😊；并且旧项目仍然与 Bootstrap 一起生存和发展。

示例

例如一个简单的带有 Bootstrap 5 的表单

<x-form action="http://example.com">
    <div class="mb-3">
        <x-label for="title" />
        <x-input name="title" />
        <x-error field="title" />
    </div>
    <x-btn-save />
</x-form>

将渲染以下 HTML

<form method="POST" action="http://example.com" novalidate>
    <input type="hidden" name="_token" value="...">
    <input type="hidden" name="_method" value="POST">
    <div class="mb-3">
        <label for="title" class="form-label">
            Title
        </label>
        <input name="title" type="text" id="title" class="form-control" />
    </div>
    <button type="submit" class="btn btn-primary">
        Save
    </button>
</form>

如果有验证错误

<!-- ... -->
    <label for="title" class="form-label">
        Title
    </label>
    <input name="title" type="text" id="title" class="form-control is-invalid"
        aria-describedby="validation-title-feedback" />
    <div id="validation-title-feedback" class="invalid-feedback">
        The title field is mandatory.
    </div>
<!-- ... -->

索引

为什么，并表示感谢

因此，此包在很大程度上受到了 Blade UI Kit 的启发。大部分文档都来自它。我们衷心感谢其贡献者提出的思想以及他们所开发的内容。

因此，此包在很大程度上受到了 Blade UI Kit 的启发。大部分文档都来自它。我们衷心感谢其贡献者提出的思想以及他们所开发的内容。

替代方案