updated docs and bs version

This commit is contained in:
Simon Karlen 2021-08-05 09:21:05 +02:00
parent 6ba5b34c2c
commit 0a1ff00cc0
No known key found for this signature in database
GPG Key ID: 0630C27D666EBCC3
47 changed files with 75 additions and 77 deletions

View File

@ -28,7 +28,7 @@
"php": ">=7.0", "php": ">=7.0",
"ext-json": "*", "ext-json": "*",
"yiisoft/yii2": "^2.0.42", "yiisoft/yii2": "^2.0.42",
"bower-asset/bootstrap": "^5.0.0" "bower-asset/bootstrap": "^5.1.0"
}, },
"require-dev": { "require-dev": {
"yiisoft/yii2-coding-standards": "~2.0", "yiisoft/yii2-coding-standards": "~2.0",

View File

@ -66,7 +66,7 @@ Fügen Sie dafür folgende Zeilen zur `package.json`-Datei Ihres Projekts hinzu:
{ {
... ...
"dependencies": { "dependencies": {
"bootstrap": "4.2.1", "bootstrap": "5.1",
... ...
} }
... ...
@ -77,7 +77,7 @@ Fügen Sie zur `composer.json`-Datei Ihres Projekts folgende Zeilen hinzu zum Ve
```json ```json
"replace": { "replace": {
"npm-asset/bootstrap": ">=5.0.2" "npm-asset/bootstrap": ">=5.1"
}, },
``` ```
@ -89,7 +89,7 @@ Fügen Sie zur `composer.json`-Datei Ihres Projekts folgende Zeilen hinzu zum Ve
```json ```json
"replace": { "replace": {
"npm-asset/bootstrap": ">=5.0.2" "npm-asset/bootstrap": ">=5.1"
}, },
``` ```
@ -103,14 +103,14 @@ return [
'bundles' => [ 'bundles' => [
'yii\bootstrap5\BootstrapAsset' => [ 'yii\bootstrap5\BootstrapAsset' => [
'sourcePath' => null, 'sourcePath' => null,
'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/', 'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.1/dist/',
'css' => [ 'css' => [
'css/bootstrap.min.css' 'css/bootstrap.min.css'
], ],
], ],
'yii\bootstrap5\BootstrapPluginAsset' => [ 'yii\bootstrap5\BootstrapPluginAsset' => [
'sourcePath' => null, 'sourcePath' => null,
'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/', 'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.1/dist/',
'js' => [ 'js' => [
'js/bootstrap.bundle.min.js' 'js/bootstrap.bundle.min.js'
], ],
@ -135,7 +135,7 @@ Fügen Sie zur `composer.json`-Datei Ihres Projekts folgende Zeilen hinzu zum Ve
```json ```json
"replace": { "replace": {
"npm-asset/bootstrap": ">=5.0.2" "npm-asset/bootstrap": ">=5.1"
}, },
``` ```

View File

@ -2,7 +2,7 @@ Grundlegende Verwendung
======================= =======================
Yii verpackt die Bootstrap Basics nicht in PHP Code, da dass HTML selbst sehr einfach aufgebaut ist. Sie finden mehr Yii verpackt die Bootstrap Basics nicht in PHP Code, da dass HTML selbst sehr einfach aufgebaut ist. Sie finden mehr
Informationen zur Verwendung der Basics unter [bootstrap documentation website](http://getbootstrap.com/css/). Yii bietet Informationen zur Verwendung der Basics unter [bootstrap documentation website](https://getbootstrap.com/docs/). Yii bietet
aber eine einfache Methode zur Einbindung der Bootstrap Assets in Ihre Seite durch das Hinzufügen einer Zeile zu `AppAsset.ph` aber eine einfache Methode zur Einbindung der Bootstrap Assets in Ihre Seite durch das Hinzufügen einer Zeile zu `AppAsset.ph`
im `@app/assets` Verzeichnis: im `@app/assets` Verzeichnis:

View File

@ -6,7 +6,9 @@ Ausschliesslich die komplexesten von ihnen sind mittels Widgets in dieser Erweit
mittels HTML zusammengestellt werden. mittels HTML zusammengestellt werden.
Einige spezielle Bootstrap Markups sind implementiert im [[\yii\bootstrap5\Html]]-Helper. Einige spezielle Bootstrap Markups sind implementiert im [[\yii\bootstrap5\Html]]-Helper.
Die [[\yii\bootstrap5\Html]]-Klasse ist eine Erweiterung der regulären [[\yii\helpers\Html]]-Klasse mit Anpassungen zur Die [[\yii\bootstrap5\Html]]-Klasse ist eine Erweiterung der regulären [[\yii\helpers\Html]]-Klasse mit Anpassungen zur
Verwendung mit Bootstrap. Sie bietet verschiedene nützliche Methoden. Verwendung mit Bootstrap. Sie bietet verschiedene nützliche Methoden wie z.B.
- `staticControl()` - erlaubt das erstellen von "[statischen Feldern](https://getbootstrap.com/docs/5.1/forms/form-control/#readonly-plain-text)"
Die [[\yii\bootstrap5\Html]]-Klasse erbt von der [[\yii\helpers\Html]]-Klasse und ersetzt diese dadurch vollumfänglich. Die [[\yii\bootstrap5\Html]]-Klasse erbt von der [[\yii\helpers\Html]]-Klasse und ersetzt diese dadurch vollumfänglich.
Sie benötigen folglich **nicht** beide in Ihren Views. Sie benötigen folglich **nicht** beide in Ihren Views.

View File

@ -18,7 +18,7 @@ Die grössten Änderungen finden Sie hier zusammengefasst:
### ActiveForm ### ActiveForm
Es gibt eine neue Konstante [[yii\bootstrap5\ActiveForm::LAYOUT_FLOATING]]. Sie repräsentiert ein Es gibt eine neue Konstante [[yii\bootstrap5\ActiveForm::LAYOUT_FLOATING]]. Sie repräsentiert ein
[neues Formular-Layout](https://getbootstrap.com/docs/5.0/forms/floating-labels/) in Bootstrap 5. [neues Formular-Layout](https://getbootstrap.com/docs/5.1/forms/floating-labels/) in Bootstrap 5.
### Breadcrumbs ### Breadcrumbs

View File

@ -65,7 +65,7 @@ Das Navbar Widget hat so seine Eigenheiten. Bei der Verwendung des Widgets sollt
ab welchem die Navigation zugeklappt wird (Mobile Navigation) sowie das Farbschema definiert sind. ab welchem die Navigation zugeklappt wird (Mobile Navigation) sowie das Farbschema definiert sind.
Diese Definition geschieht über CSS Klassen. Die Standartwerte lauten `navbar-light bg-light` fürs Farbschema und Diese Definition geschieht über CSS Klassen. Die Standartwerte lauten `navbar-light bg-light` fürs Farbschema und
`navbar-expand-lg` für den brakpoint. Für weitere Informationen, konsultieren Sie die [Bootstrap Dokumentation](https://getbootstrap.com/docs/4.2/components/navbar/): `navbar-expand-lg` für den brakpoint. Für weitere Informationen, konsultieren Sie die [Bootstrap Dokumentation](https://getbootstrap.com/docs/5.1/components/navbar/):
```php ```php
Navbar::begin([ Navbar::begin([
'options' => [ 'options' => [

View File

@ -2,7 +2,7 @@ Uso Básico
========== ==========
Yii no se ajusta a los conceptos básicos de bootstrap dentro del código PHP, desde el HTML es muy simple en si mismo Yii no se ajusta a los conceptos básicos de bootstrap dentro del código PHP, desde el HTML es muy simple en si mismo
en este caso. Puedes encontrar los detalles sobre el uso de los conceptos básicos en la [web de bootstrap](http://getbootstrap.com/css/). Yii proporciona una manera de incluir los assets de bootstrap en tus páginas añadiendo una única linea a `AppAsset.php` localizado en tu en este caso. Puedes encontrar los detalles sobre el uso de los conceptos básicos en la [web de bootstrap](https://getbootstrap.com/docs/). Yii proporciona una manera de incluir los assets de bootstrap en tus páginas añadiendo una única linea a `AppAsset.php` localizado en tu
directorio `@app/assets`: directorio `@app/assets`:
```php ```php

View File

@ -8,8 +8,7 @@ Sin embargo, algunas marcas especiales de Bootstrap son cubiertas por el helper
[[\yii\bootstrap5\Html]] es una versión mejorada de la regular [[\yii\helpers\Html]] dedicada a las necesidades de Bootstrap. [[\yii\bootstrap5\Html]] es una versión mejorada de la regular [[\yii\helpers\Html]] dedicada a las necesidades de Bootstrap.
Proporciona varios métodos útiles: Proporciona varios métodos útiles:
- `icon()` - permite renderizar iconos de Glyphicon - `staticControl()` - permite renderizar formularios "[static controls](https://getbootstrap.com/docs/5.1/forms/form-control/#readonly-plain-text)"
- `staticControl()` - permite renderizar formularios "static controls"
[[\yii\bootstrap5\Html]] hereda todas las funcionalidades disponibles en [[\yii\helpers\Html]] y puede usarse como sustituto, [[\yii\bootstrap5\Html]] hereda todas las funcionalidades disponibles en [[\yii\helpers\Html]] y puede usarse como sustituto,
así que no es necesario incluir ambos dentro de los archivos de tus vistas. así que no es necesario incluir ambos dentro de los archivos de tus vistas.

View File

@ -80,7 +80,7 @@ Bower または NPM のクライアントを直接に使って Bootstrap のア
```json ```json
"replace": { "replace": {
"npm-asset/bootstrap": ">=5.0.2" "npm-asset/bootstrap": ">=5.1"
}, },
``` ```
@ -93,7 +93,7 @@ Bower または NPM のクライアントを直接に使って Bootstrap のア
```json ```json
"replace": { "replace": {
"npm-asset/bootstrap": ">=5.0.2" "npm-asset/bootstrap": ">=5.1"
}, },
``` ```
@ -107,14 +107,14 @@ return [
'bundles' => [ 'bundles' => [
'yii\bootstrap5\BootstrapAsset' => [ 'yii\bootstrap5\BootstrapAsset' => [
'sourcePath' => null, 'sourcePath' => null,
'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/', 'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.1/dist/',
'css' => [ 'css' => [
'css/bootstrap.min.css' 'css/bootstrap.min.css'
], ],
], ],
'yii\bootstrap5\BootstrapPluginAsset' => [ 'yii\bootstrap5\BootstrapPluginAsset' => [
'sourcePath' => null, 'sourcePath' => null,
'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/', 'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.1/dist/',
'js' => [ 'js' => [
'js/bootstrap.bundle.min.js' 'js/bootstrap.bundle.min.js'
], ],
@ -141,7 +141,7 @@ Bootstrap アセットを手作業でダウンロードし、プロジェクト
```json ```json
"replace": { "replace": {
"npm-asset/bootstrap": ">=5.0.2" "npm-asset/bootstrap": ">=5.1"
}, },
``` ```

View File

@ -2,7 +2,7 @@
================ ================
Yii は bootstrap の基礎を PHP コードでラップすることをしていません。なぜなら、この場合の HTML コードがそれ自体として非常にシンプルだからです。 Yii は bootstrap の基礎を PHP コードでラップすることをしていません。なぜなら、この場合の HTML コードがそれ自体として非常にシンプルだからです。
bootstrap の基礎を使用することに関する詳細は、[bootstrap ドキュメント・ウェブ・サイト](http://getbootstrap.com/css/) で見ることが出来ます。 bootstrap の基礎を使用することに関する詳細は、[bootstrap ドキュメント・ウェブ・サイト](https://getbootstrap.com/docs/) で見ることが出来ます。
それでも、Yii はあなたのページに bootstrap のアセットをインクルードするための便利な方法を提供しています。 それでも、Yii はあなたのページに bootstrap のアセットをインクルードするための便利な方法を提供しています。
`@app/assets` ディレクトリに配置されている `AppAsset.php` に一行を加えるだけで大丈夫です。 `@app/assets` ディレクトリに配置されている `AppAsset.php` に一行を加えるだけで大丈夫です。

View File

@ -8,7 +8,7 @@ Bootstrap は、一貫性の高い多数の HTML 構文ないしはスケルト
[[\yii\bootstrap5\Html]] は通常の [[\yii\helpers\Html]] の拡張版であり、Bootstrap の要求に特化して、 [[\yii\bootstrap5\Html]] は通常の [[\yii\helpers\Html]] の拡張版であり、Bootstrap の要求に特化して、
いくつかの便利なメソッドを提供するものです。例えば、 いくつかの便利なメソッドを提供するものです。例えば、
- `staticControl()` - フォームの "[static controls](https://getbootstrap.com/docs/4.1/components/forms/#readonly-plain-text)" のレンダリングを可能にする - `staticControl()` - フォームの "[static controls](https://getbootstrap.com/docs/5.1/forms/form-control/#readonly-plain-text)" のレンダリングを可能にする
[[\yii\bootstrap5\Html]] は [[\yii\helpers\Html]] を継承しており、 [[\yii\bootstrap5\Html]] は [[\yii\helpers\Html]] を継承しており、
その代替物として使うことが出来ますので、ビュー・ファイルの中で両方を使う必要はありません。 その代替物として使うことが出来ますので、ビュー・ファイルの中で両方を使う必要はありません。

View File

@ -16,7 +16,7 @@ yii2-bootstrap5 は、Bootstrap 4 から Bootstrap 5 への移行ガイドに従
### ActiveForm ### ActiveForm
新しい定数[[yii\bootstrap5\ActiveForm::LAYOUT_FLOATING]]があります。 Bootstrap5で導入された[新しいフォームレイアウト](https://getbootstrap.com/docs/5.0/forms/floating-labels/)です。 新しい定数[[yii\bootstrap5\ActiveForm::LAYOUT_FLOATING]]があります。 Bootstrap5で導入された[新しいフォームレイアウト](https://getbootstrap.com/docs/5.1/forms/floating-labels/)です。
### Breadcrumbs ### Breadcrumbs

View File

@ -66,7 +66,7 @@ Navbar ウィジェットには独特の癖があります。あなたは Navbar
Navbar の全体的なスタイル (カラー・スキーム) を指定しなければなりません。 Navbar の全体的なスタイル (カラー・スキーム) を指定しなければなりません。
カラー・スキームと折り畳みのブレークポイントは CSS のクラスで変更することが出来ます。指定されない場合は、カラー・スキームは `navbar-light bg-light` カラー・スキームと折り畳みのブレークポイントは CSS のクラスで変更することが出来ます。指定されない場合は、カラー・スキームは `navbar-light bg-light`
ブレークポイントは`navbar-expand-lg` がデフォルトとして採用されます。詳細な情報は、[Bootstrap documentation](https://getbootstrap.com/docs/4.2/components/navbar/) を参照して下さい。 ブレークポイントは`navbar-expand-lg` がデフォルトとして採用されます。詳細な情報は、[Bootstrap documentation](https://getbootstrap.com/docs/5.1/components/navbar/) を参照して下さい。
```php ```php
Navbar::begin([ Navbar::begin([

View File

@ -2,7 +2,7 @@ Uso Básico
=========== ===========
O Yii Não registra os componentes básicos do bootstrap em código PHP visto que esse HTML é muito simples, por si só. O Yii Não registra os componentes básicos do bootstrap em código PHP visto que esse HTML é muito simples, por si só.
Você pode encontrar detalhes sobre como usar o básico no [site documentação do Bootstrap] (http://getbootstrap.com/css/). O Yii ainda fornece uma Você pode encontrar detalhes sobre como usar o básico no [site documentação do Bootstrap] (https://getbootstrap.com/docs/). O Yii ainda fornece uma
forma conveniente para incluir assets de bootstrap em suas páginas com uma única linha adicionado ao arquivo `AppAsset.php` localizado no seu forma conveniente para incluir assets de bootstrap em suas páginas com uma única linha adicionado ao arquivo `AppAsset.php` localizado no seu
diretório `@app/assets`: diretório `@app/assets`:

View File

@ -1,7 +1,6 @@
Bootstrap introduz construções HTML mais consistentes e esqueletos, que permitem a criação de diferentes efeitos visuais. Apenas o mais complexos deles são cobertos por os widgets fornecidos com esta extensão . O restante deverá ser escrito manualmente usando escrita HTML direta. No entanto, vários casos especiais de marcação Bootstrap são cobertos pelo helper [[\yii\bootstrap5\Html]]. [[\yii\bootstrap5\Html]] é uma versão melhorada de [[\yii\helpers\Html]] dedicada à quem precisa do Bootstrap. Ele fornece vários métodos úteis : Bootstrap introduz construções HTML mais consistentes e esqueletos, que permitem a criação de diferentes efeitos visuais. Apenas o mais complexos deles são cobertos por os widgets fornecidos com esta extensão . O restante deverá ser escrito manualmente usando escrita HTML direta. No entanto, vários casos especiais de marcação Bootstrap são cobertos pelo helper [[\yii\bootstrap5\Html]]. [[\yii\bootstrap5\Html]] é uma versão melhorada de [[\yii\helpers\Html]] dedicada à quem precisa do Bootstrap. Ele fornece vários métodos úteis :
icon() - allows rendering of Glyphicon icons - staticControl() - allows rendering of form "[static controls](https://getbootstrap.com/docs/5.1/forms/form-control/#readonly-plain-text)"
staticControl() - allows rendering of form "static controls"
[[\yii\bootstrap5\Html]] herda toda funcionalidade disponível em [[\yii\helpers\Html]] e pode ser usado como um substituto , para que você não precisa de ambos dentro de seus arquivos de views . Por exemplo: [[\yii\bootstrap5\Html]] herda toda funcionalidade disponível em [[\yii\helpers\Html]] e pode ser usado como um substituto , para que você não precisa de ambos dentro de seus arquivos de views . Por exemplo:

View File

@ -1,7 +1,7 @@
Базовое использование Базовое использование
=========== ===========
Yii не оборачивает базовый Bootstrap в PHP код, поскольку HTML, в этом случае, прост сам по себе. Вы можете найти подробную информацию о возможностях Bootstrap в [официальной документации](http://getbootstrap.com/css/). Тем не менее, Yii обеспечивает удобный способ включения Bootstrap assets на страницах вашего приложения добавлением одной строки в файл `AppAsset.php`, расположенный в директории `@app/assets`: Yii не оборачивает базовый Bootstrap в PHP код, поскольку HTML, в этом случае, прост сам по себе. Вы можете найти подробную информацию о возможностях Bootstrap в [официальной документации](https://getbootstrap.com/docs/). Тем не менее, Yii обеспечивает удобный способ включения Bootstrap assets на страницах вашего приложения добавлением одной строки в файл `AppAsset.php`, расположенный в директории `@app/assets`:
```php ```php
public $depends = [ public $depends = [

View File

@ -3,8 +3,7 @@
Bootstrap предоставляет множество последовательных HTML конструкции и каркасов, которые позволяют создавать различные визуальные эффекты. Только самые сложные из них передставлены виджетами, поставляемые с данным расширением. Остальные должны быть собраны вручную, используя HTML напрямую. Тем не менее, несколько специальных Bootstrap разметок предоставляются в помощнике [[\yii\bootstrap5\Html]]. [[\yii\bootstrap5\Html]] является расширенной версией [[\yii\helpers\Html]], удовлетворяющей потребности Bootstrap. Он предоставляет несколько полезных методов: Bootstrap предоставляет множество последовательных HTML конструкции и каркасов, которые позволяют создавать различные визуальные эффекты. Только самые сложные из них передставлены виджетами, поставляемые с данным расширением. Остальные должны быть собраны вручную, используя HTML напрямую. Тем не менее, несколько специальных Bootstrap разметок предоставляются в помощнике [[\yii\bootstrap5\Html]]. [[\yii\bootstrap5\Html]] является расширенной версией [[\yii\helpers\Html]], удовлетворяющей потребности Bootstrap. Он предоставляет несколько полезных методов:
- `icon()` - позволяет отображать иконки Glyphicon - `staticControl()` - позволяет отображать "[статические элементы управления](https://getbootstrap.com/docs/5.1/forms/form-control/#readonly-plain-text)" формы
- `staticControl()` - позволяет отображать "статические элементы управления" формы
[[\yii\bootstrap5\Html]] наследует все функциональные возможности, доступные в [[\yii\helpers\Html]], и может быть использован в качестве замены в ваших представлениях. Например: [[\yii\bootstrap5\Html]] наследует все функциональные возможности, доступные в [[\yii\helpers\Html]], и может быть использован в качестве замены в ваших представлениях. Например:

View File

@ -2,7 +2,7 @@
=================== ===================
Yii не загортає основи bootstrap в код PHP, оскільки в цьому випадку, сам по собі HTML є дуже простим. Yii не загортає основи bootstrap в код PHP, оскільки в цьому випадку, сам по собі HTML є дуже простим.
Ви можете знайти детальну інформацію щодо використання основ на [сайті документації bootstrap](http://getbootstrap.com/css/). Ви можете знайти детальну інформацію щодо використання основ на [сайті документації bootstrap](https://getbootstrap.com/docs/).
Проте Yii забезпечує зручний спосіб підключення ресурсів bootstrap до ваших сторінок за допомогою додання всього одного рядка до файлу Проте Yii забезпечує зручний спосіб підключення ресурсів bootstrap до ваших сторінок за допомогою додання всього одного рядка до файлу
`AppAsset.php`, розташованого в каталозі `@app/assets`: `AppAsset.php`, розташованого в каталозі `@app/assets`:

View File

@ -1,7 +1,7 @@
使用 使用
=========== ===========
Yii不会将 bootstrap 合并到PHP代码中因为HTML本身是非常简单的。猛击 [bootstrap 文档页](http://getbootstrap.com/css/) 查看如何使用 bootstrap. 但是 Yii 还是提供了在框架中更为方便的管理和使用 bootstrap的方式`@app/assets` 路径下的 `AppAsset.php` 文件中,添加如下代码即可: Yii不会将 bootstrap 合并到PHP代码中因为HTML本身是非常简单的。猛击 [bootstrap 文档页](https://getbootstrap.com/docs/) 查看如何使用 bootstrap. 但是 Yii 还是提供了在框架中更为方便的管理和使用 bootstrap的方式`@app/assets` 路径下的 `AppAsset.php` 文件中,添加如下代码即可:
```php ```php
public $depends = [ public $depends = [

View File

@ -7,8 +7,7 @@ Bootstrap 引入了许多一致的 HTML 结构和骨架,允许创建不同的
[[\yii\bootstrap5\Html]] 是基于 Bootstrap 的 [[\yii\helpers\Html]] 增强版. [[\yii\bootstrap5\Html]] 是基于 Bootstrap 的 [[\yii\helpers\Html]] 增强版.
它提供了很多实用的方法,例如: 它提供了很多实用的方法,例如:
- `icon()` - 生成Glyphicon图标 - `staticControl()` - 生成表单静态组件 "[static controls](https://getbootstrap.com/docs/5.1/forms/form-control/#readonly-plain-text)"
- `staticControl()` - 生成表单静态组件 "static controls"
[[\yii\bootstrap5\Html]] 继承了 [[\yii\helpers\Html]] 的所有功能,所以不需要在视图文件中同时引入这两个文件,如果需要,仅使用 [[\yii\bootstrap5\Html]] 即可. [[\yii\bootstrap5\Html]] 继承了 [[\yii\helpers\Html]] 的所有功能,所以不需要在视图文件中同时引入这两个文件,如果需要,仅使用 [[\yii\bootstrap5\Html]] 即可.
例如: 例如:

View File

@ -69,7 +69,7 @@ In the `package.json` of your project, add the following lines:
{ {
... ...
"dependencies": { "dependencies": {
"bootstrap": "4.2.1", "bootstrap": "5.1",
... ...
} }
... ...
@ -80,7 +80,7 @@ In the `composer.json` of your project, add the following lines in order to prev
```json ```json
"replace": { "replace": {
"npm-asset/bootstrap": ">=5.0.2" "npm-asset/bootstrap": ">=5.1"
}, },
``` ```
@ -93,7 +93,7 @@ In the `composer.json` of your project, add the following lines in order to prev
```json ```json
"replace": { "replace": {
"npm-asset/bootstrap": ">=5.0.2" "npm-asset/bootstrap": ">=5.1"
}, },
``` ```
@ -107,14 +107,14 @@ return [
'bundles' => [ 'bundles' => [
'yii\bootstrap5\BootstrapAsset' => [ 'yii\bootstrap5\BootstrapAsset' => [
'sourcePath' => null, 'sourcePath' => null,
'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/', 'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.1/dist/',
'css' => [ 'css' => [
'css/bootstrap.min.css' 'css/bootstrap.min.css'
], ],
], ],
'yii\bootstrap5\BootstrapPluginAsset' => [ 'yii\bootstrap5\BootstrapPluginAsset' => [
'sourcePath' => null, 'sourcePath' => null,
'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/, 'baseUrl' => 'https://cdn.jsdelivr.net/npm/bootstrap@5.1/dist/,
'js' => [ 'js' => [
'js/bootstrap.bundle.min.js' 'js/bootstrap.bundle.min.js'
], ],
@ -141,7 +141,7 @@ In the `composer.json` of your project, add the following lines in order to prev
```json ```json
"replace": { "replace": {
"npm-asset/bootstrap": ">=5.0.2" "npm-asset/bootstrap": ">=5.1"
}, },
``` ```

View File

@ -2,7 +2,7 @@ Basic Usage
=========== ===========
Yii doesn't wrap the bootstrap basics into PHP code since HTML is very simple by itself in this case. You can find details Yii doesn't wrap the bootstrap basics into PHP code since HTML is very simple by itself in this case. You can find details
about using the basics at [bootstrap documentation website](http://getbootstrap.com/css/). Still Yii provides a about using the basics at [bootstrap documentation website](https://getbootstrap.com/docs/). Still Yii provides a
convenient way to include bootstrap assets in your pages with a single line added to `AppAsset.php` located in your convenient way to include bootstrap assets in your pages with a single line added to `AppAsset.php` located in your
`@app/assets` directory: `@app/assets` directory:

View File

@ -8,7 +8,7 @@ However, several special Bootstrap markup cases are covered by the [[\yii\bootst
[[\yii\bootstrap5\Html]] is an enhanced version of the regular [[\yii\helpers\Html]] dedicated to the Bootstrap needs. [[\yii\bootstrap5\Html]] is an enhanced version of the regular [[\yii\helpers\Html]] dedicated to the Bootstrap needs.
It provides some useful methods like: It provides some useful methods like:
- `staticControl()` - allows rendering of form "[static controls](https://getbootstrap.com/docs/4.1/components/forms/#readonly-plain-text)" - `staticControl()` - allows rendering of form "[static controls](https://getbootstrap.com/docs/5.1/forms/form-control/#readonly-plain-text)"
As [[\yii\bootstrap5\Html]] extends [[\yii\helpers\Html]], it can be used as a substitute, so you don't need them both As [[\yii\bootstrap5\Html]] extends [[\yii\helpers\Html]], it can be used as a substitute, so you don't need them both
inside your view files. inside your view files.

View File

@ -18,7 +18,7 @@ The most notable changes are summarized below:
### ActiveForm ### ActiveForm
There is a new constant [[yii\bootstrap5\ActiveForm::LAYOUT_FLOATING]]. It's a There is a new constant [[yii\bootstrap5\ActiveForm::LAYOUT_FLOATING]]. It's a
[new form layout](https://getbootstrap.com/docs/5.0/forms/floating-labels/) introduced in Bootstrap 5. [new form layout](https://getbootstrap.com/docs/5.1/forms/floating-labels/) introduced in Bootstrap 5.
### Breadcrumbs ### Breadcrumbs

View File

@ -66,7 +66,7 @@ The navbar widget has its peculiarities. You should define at which breakpoint t
style of navbar (color scheme). style of navbar (color scheme).
You can change the color scheme and the collapse breakpoint with css classes. If not defined, the scheme defaults to You can change the color scheme and the collapse breakpoint with css classes. If not defined, the scheme defaults to
`navbar-light bg-light` and the breakpoint to `navbar-expand-lg`. For more information, see [Bootstrap documentation](https://getbootstrap.com/docs/4.2/components/navbar/): `navbar-light bg-light` and the breakpoint to `navbar-expand-lg`. For more information, see [Bootstrap documentation](https://getbootstrap.com/docs/5.1/components/navbar/):
```php ```php
Navbar::begin([ Navbar::begin([

View File

@ -46,7 +46,7 @@ use yii\helpers\ArrayHelper;
* ]); * ]);
* ``` * ```
* *
* @see https://getbootstrap.com/docs/5.0/components/collapse/#accordion-example * @see https://getbootstrap.com/docs/5.1/components/collapse/#accordion-example
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
*/ */

View File

@ -83,7 +83,7 @@ use yii\helpers\ArrayHelper;
* @property-read ActiveForm $form * @property-read ActiveForm $form
* *
* @see ActiveForm * @see ActiveForm
* @see https://getbootstrap.com/docs/5.0/components/forms/ * @see https://getbootstrap.com/docs/5.1/components/forms/
* *
* @author Michael Härtl <haertl.mike@gmail.com> * @author Michael Härtl <haertl.mike@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
@ -430,7 +430,7 @@ class ActiveField extends \yii\widgets\ActiveField
* - encode: bool, whether value should be HTML-encoded or not. * - encode: bool, whether value should be HTML-encoded or not.
* *
* @return $this the field object itself * @return $this the field object itself
* @see https://getbootstrap.com/docs/5.0/components/forms/#readonly-plain-text * @see https://getbootstrap.com/docs/5.1/components/forms/#readonly-plain-text
*/ */
public function staticControl(array $options = []): self public function staticControl(array $options = []): self
{ {

View File

@ -53,7 +53,7 @@ use yii\base\InvalidConfigException;
* ``` * ```
* *
* @see ActiveField for details on the [[fieldConfig]] options * @see ActiveField for details on the [[fieldConfig]] options
* @see https://getbootstrap.com/docs/5.0/components/forms/ * @see https://getbootstrap.com/docs/5.1/components/forms/
* *
* @author Michael Härtl <haertl.mike@gmail.com> * @author Michael Härtl <haertl.mike@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>

View File

@ -35,7 +35,7 @@ use yii\helpers\ArrayHelper;
* Alert::end(); * Alert::end();
* ``` * ```
* *
* @see https://getbootstrap.com/docs/5.0/components/alerts/ * @see https://getbootstrap.com/docs/5.1/components/alerts/
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
*/ */
@ -57,7 +57,7 @@ class Alert extends Widget
* - tag: string, the tag name of the button. Defaults to 'button'. * - tag: string, the tag name of the button. Defaults to 'button'.
* *
* The rest of the options will be rendered as the HTML attributes of the button tag. * The rest of the options will be rendered as the HTML attributes of the button tag.
* Please refer to the [Alert documentation](https://getbootstrap.com/docs/5.0/components/alerts/) * Please refer to the [Alert documentation](https://getbootstrap.com/docs/5.1/components/alerts/)
* for the supported HTML attributes. * for the supported HTML attributes.
*/ */
public $closeButton = []; public $closeButton = [];

View File

@ -39,7 +39,7 @@ abstract class BaseHtml extends \yii\helpers\Html
* the attributes of the resulting tag. There are also a special options: * the attributes of the resulting tag. There are also a special options:
* *
* @return string generated HTML * @return string generated HTML
* @see https://getbootstrap.com/docs/5.0/components/forms/#readonly-plain-text * @see https://getbootstrap.com/docs/5.1/components/forms/#readonly-plain-text
*/ */
public static function staticControl(string $value, array $options = []): string public static function staticControl(string $value, array $options = []): string
{ {

View File

@ -23,7 +23,7 @@ use yii\helpers\ArrayHelper;
* 'options' => [], * 'options' => [],
* ]); * ]);
* ``` * ```
* @see https://getbootstrap.com/docs/5.0/components/breadcrumb/ * @see https://getbootstrap.com/docs/5.1/components/breadcrumb/
* @author Alexandr Kozhevnikov <onmotion1@gmail.com> * @author Alexandr Kozhevnikov <onmotion1@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
*/ */

View File

@ -17,7 +17,7 @@ use yii\base\InvalidConfigException;
* 'options' => ['class' => 'btn-lg'], * 'options' => ['class' => 'btn-lg'],
* ]); * ]);
* ``` * ```
* @see https://getbootstrap.com/docs/5.0/components/buttons/ * @see https://getbootstrap.com/docs/5.1/components/buttons/
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
*/ */
class Button extends Widget class Button extends Widget

View File

@ -25,8 +25,8 @@ use yii\helpers\Url;
* ], * ],
* ]); * ]);
* ``` * ```
* @see https://getbootstrap.com/docs/5.0/components/buttons/ * @see https://getbootstrap.com/docs/5.1/components/buttons/
* @see https://getbootstrap.com/docs/5.0/components/dropdowns/ * @see https://getbootstrap.com/docs/5.1/components/dropdowns/
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
*/ */
class ButtonDropdown extends Widget class ButtonDropdown extends Widget

View File

@ -33,8 +33,8 @@ use yii\helpers\ArrayHelper;
* *
* Pressing on the button should be handled via JavaScript. See the following for details: * Pressing on the button should be handled via JavaScript. See the following for details:
* *
* @see https://getbootstrap.com/docs/5.0/components/buttons/ * @see https://getbootstrap.com/docs/5.1/components/buttons/
* @see https://getbootstrap.com/docs/5.0/components/button-group/ * @see https://getbootstrap.com/docs/5.1/components/button-group/
* *
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>

View File

@ -44,8 +44,8 @@ use Throwable;
* *
* Pressing on the button should be handled via JavaScript. See the following for details: * Pressing on the button should be handled via JavaScript. See the following for details:
* *
* @see https://getbootstrap.com/docs/5.0/components/buttons/ * @see https://getbootstrap.com/docs/5.1/components/buttons/
* @see https://getbootstrap.com/docs/5.0/components/button-group/#button-toolbar * @see https://getbootstrap.com/docs/5.1/components/button-group/#button-toolbar
* *
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
*/ */

View File

@ -31,7 +31,7 @@ use yii\helpers\ArrayHelper;
* ]); * ]);
* ``` * ```
* *
* @see https://getbootstrap.com/docs/5.0/components/carousel/ * @see https://getbootstrap.com/docs/5.1/components/carousel/
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
*/ */

View File

@ -26,7 +26,7 @@ use yii\helpers\ArrayHelper;
* ?> * ?>
* </div> * </div>
* ``` * ```
* @see https://getbootstrap.com/docs/5.0/components/dropdowns/ * @see https://getbootstrap.com/docs/5.1/components/dropdowns/
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
*/ */

View File

@ -25,7 +25,7 @@ use yii\helpers\ArrayHelper;
* ], * ],
* ``` * ```
* *
* @see https://getbootstrap.com/docs/5.0/components/pagination/ * @see https://getbootstrap.com/docs/5.1/components/pagination/
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
* @since 2.0.2 * @since 2.0.2
* *

View File

@ -24,7 +24,7 @@ use yii\helpers\ArrayHelper;
* Modal::end(); * Modal::end();
* ~~~ * ~~~
* *
* @see https://getbootstrap.com/docs/5.0/components/modal/ * @see https://getbootstrap.com/docs/5.1/components/modal/
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
* @author Qiang Xue <qiang.xue@gmail.com> * @author Qiang Xue <qiang.xue@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>

View File

@ -44,8 +44,8 @@ use yii\helpers\ArrayHelper;
* *
* Note: Multilevel dropdowns beyond Level 1 are not supported in Bootstrap 5. * Note: Multilevel dropdowns beyond Level 1 are not supported in Bootstrap 5.
* *
* @see https://getbootstrap.com/docs/5.0/components/navs/ * @see https://getbootstrap.com/docs/5.1/components/navs/
* @see https://getbootstrap.com/docs/5.0/components/dropdowns/ * @see https://getbootstrap.com/docs/5.1/components/dropdowns/
* *
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
*/ */

View File

@ -34,7 +34,7 @@ use yii\helpers\ArrayHelper;
* *
* @property-write array $containerOptions * @property-write array $containerOptions
* *
* @see https://getbootstrap.com/docs/5.0/components/navbar/ * @see https://getbootstrap.com/docs/5.1/components/navbar/
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
* @author Alexander Kochetov <creocoder@gmail.com> * @author Alexander Kochetov <creocoder@gmail.com>
*/ */
@ -58,12 +58,12 @@ class NavBar extends Widget
public $collapseOptions = []; public $collapseOptions = [];
/** /**
* @var string|bool the text of the brand or false if it's not used. Note that this is not HTML-encoded. * @var string|bool the text of the brand or false if it's not used. Note that this is not HTML-encoded.
* @see https://getbootstrap.com/docs/5.0/components/navbar/ * @see https://getbootstrap.com/docs/5.1/components/navbar/
*/ */
public $brandLabel = false; public $brandLabel = false;
/** /**
* @var string|bool src of the brand image or false if it's not used. Note that this param will override `$this->brandLabel` param. * @var string|bool src of the brand image or false if it's not used. Note that this param will override `$this->brandLabel` param.
* @see https://getbootstrap.com/docs/5.0/components/navbar/ * @see https://getbootstrap.com/docs/5.1/components/navbar/
* @since 2.0.8 * @since 2.0.8
*/ */
public $brandImage = false; public $brandImage = false;

View File

@ -28,7 +28,7 @@ use yii\helpers\ArrayHelper;
* Offcanvas::end(); * Offcanvas::end();
* ``` * ```
* *
* @see https://getbootstrap.com/docs/5.0/components/offcanvas/ * @see https://getbootstrap.com/docs/5.1/components/offcanvas/
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
*/ */
class Offcanvas extends Widget class Offcanvas extends Widget
@ -68,7 +68,7 @@ class Offcanvas extends Widget
* - tag: string, the tag name of the button. Defaults to 'button'. * - tag: string, the tag name of the button. Defaults to 'button'.
* *
* The rest of the options will be rendered as the HTML attributes of the button tag. * The rest of the options will be rendered as the HTML attributes of the button tag.
* Please refer to the [Offcanvas plugin help](https://getbootstrap.com/docs/5.0/components/offcanvas/) * Please refer to the [Offcanvas plugin help](https://getbootstrap.com/docs/5.1/components/offcanvas/)
* for the supported HTML attributes. * for the supported HTML attributes.
*/ */
public $closeButton = []; public $closeButton = [];

View File

@ -25,7 +25,7 @@ use yii\helpers\ArrayHelper;
* Popover::end(); * Popover::end();
* ``` * ```
* *
* @see https://getbootstrap.com/docs/5.0/components/popovers/ * @see https://getbootstrap.com/docs/5.1/components/popovers/
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
*/ */
class Popover extends Widget class Popover extends Widget
@ -76,7 +76,7 @@ class Popover extends Widget
* - label: string, the label of the button. Defaults to 'Show'. * - label: string, the label of the button. Defaults to 'Show'.
* *
* The rest of the options will be rendered as the HTML attributes of the button tag. * The rest of the options will be rendered as the HTML attributes of the button tag.
* Please refer to the [Popover plugin help](https://getbootstrap.com/docs/5.0/components/popovers/) * Please refer to the [Popover plugin help](https://getbootstrap.com/docs/5.1/components/popovers/)
* for the supported HTML attributes. * for the supported HTML attributes.
*/ */
public $toggleButton = false; public $toggleButton = false;

View File

@ -71,7 +71,7 @@ use yii\helpers\ArrayHelper;
* ] * ]
* ]); * ]);
* ``` * ```
* @see https://getbootstrap.com/docs/5.0/components/progress/ * @see https://getbootstrap.com/docs/5.1/components/progress/
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
* @author Alexander Makarov <sam@rmcreative.ru> * @author Alexander Makarov <sam@rmcreative.ru>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>

View File

@ -53,8 +53,8 @@ use yii\helpers\ArrayHelper;
* ]); * ]);
* ``` * ```
* *
* @see https://getbootstrap.com/docs/5.0/components/navs/#tabs * @see https://getbootstrap.com/docs/5.1/components/navs/#tabs
* @see https://getbootstrap.com/docs/5.0/components/card/#navigation * @see https://getbootstrap.com/docs/5.1/components/card/#navigation
* @author Antonio Ramirez <amigo.cobos@gmail.com> * @author Antonio Ramirez <amigo.cobos@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
*/ */

View File

@ -37,7 +37,7 @@ use yii\helpers\ArrayHelper;
* Toast::end(); * Toast::end();
* ``` * ```
* *
* @see https://getbootstrap.com/docs/5.0/components/toasts/ * @see https://getbootstrap.com/docs/5.1/components/toasts/
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>
*/ */
class Toast extends Widget class Toast extends Widget
@ -68,7 +68,7 @@ class Toast extends Widget
* - label: string, the label of the button. Defaults to '&times;'. * - label: string, the label of the button. Defaults to '&times;'.
* *
* The rest of the options will be rendered as the HTML attributes of the button tag. * The rest of the options will be rendered as the HTML attributes of the button tag.
* Please refer to the [Toast documentation](https://getbootstrap.com/docs/5.0/components/toasts/) * Please refer to the [Toast documentation](https://getbootstrap.com/docs/5.1/components/toasts/)
* for the supported HTML attributes. * for the supported HTML attributes.
*/ */
public $closeButton = []; public $closeButton = [];

View File

@ -22,7 +22,7 @@ use yii\base\InvalidConfigException;
* ]) ?> * ]) ?>
* ``` * ```
* *
* @see https://getbootstrap.com/docs/5.0/components/buttons/#checkbox-and-radio-buttons * @see https://getbootstrap.com/docs/5.1/components/buttons/#checkbox-and-radio-buttons
* *
* @author Paul Klimov <klimov.paul@gmail.com> * @author Paul Klimov <klimov.paul@gmail.com>
* @author Simon Karlen <simi.albi@outlook.com> * @author Simon Karlen <simi.albi@outlook.com>