2017 © Pedro Peláez
 

luya-extension luya-bootstrap4

Bootstrap4 Assets and Helper classes like ActiveForm for LUYA and Yii2.

image

luyadev/luya-bootstrap4

Bootstrap4 Assets and Helper classes like ActiveForm for LUYA and Yii2.

  • Wednesday, July 18, 2018
  • by nadar
  • Repository
  • 6 Watchers
  • 9 Stars
  • 5,823 Installations
  • PHP
  • 2 Dependents
  • 0 Suggesters
  • 8 Forks
  • 1 Open issues
  • 8 Versions
  • 12 % Grown

The README.md

LUYA Logo , (*1)

Bootstrap 4

LUYA Tests Test Coverage Latest Stable Version Total Downloads Forum Support, (*2)

Wrapper classes for new Bootstrap 4 CSS Framework for Yii and/or LUYA., (*3)

As of Bootstrap 4, the grid is completely written in FLEX. Check the Browser Support to decide if you want to use Bootstrap 4 for your project., (*4)

This package contains the following components:, (*5)

  • Widgets
    • ActiveForm Widget (Yii ActiveForm Widget matching the Bootstrap 4 form styles)
    • Breadcrumbs
    • LinkPager
    • ActiveField Widget
    • Grid View / Action Column
  • Tags
    • Tooltips
  • CMS Blocks
    • Image
    • Carousel
  • Asset File (contains precompiled bootstrap4 css and js files via cdn)

Installation

Add the package to your project via composer, (*6)

composer require luyadev/luya-bootstrap4:^1.0

Assets Bundle

To use the css and js files of bootstrap just register the Bootstrap4Asset into your layout file with the following code of your layout.php file:, (*7)

luya\bootstrap4\Bootstrap4Asset::register($this)

At the top section of your layout file. This will include all required css and js files to use bootstrap 4 and set the right depenecy with jquery., (*8)

Active Form

A common way to build forms is the use thy Yii ActiveForm widget, to match all bootstrap4 components use it like following:, (*9)




Bootstrap 4 ActiveForm

<?= $form->field($model, 'username') ?> <?= $form->field($model, 'password')->passwordInput() ?> <?= Html::submitButton('Login', ['class' => 'btn btn-primary-outline']) ?>

Tip: In order to style required fields with asterisks, you can use the following CSS:, (*10)

div.required label.control-label:after {
   content: " *";
   color: red;
}

The Versions

18/07 2018

dev-master

9999999-dev https://luya.io

Bootstrap4 Assets and Helper classes like ActiveForm for LUYA and Yii2.

  Sources   Download

MIT

The Requires

 

The Development Requires

php yii2 bootstrap module cms assets luya bootstrap4 twbs4 luya-module

18/07 2018

1.0.0

1.0.0.0 https://luya.io

Bootstrap4 Assets and Helper classes like ActiveForm for LUYA and Yii2.

  Sources   Download

MIT

The Development Requires

php yii2 bootstrap module cms assets luya bootstrap4 twbs4 luya-module

28/01 2018

1.0.0-RC7

1.0.0.0-RC7 http://luya.io

Bootstrap4 Assets and Helper classes like ActiveForm for LUYA and Yii2.

  Sources   Download

MIT

The Development Requires

php yii2 bootstrap module cms assets luya bootstrap4 twbs4 luya-module

04/01 2018

1.0.0-RC6

1.0.0.0-RC6 http://luya.io

Bootstrap4 Assets and Helper classes like ActiveForm for LUYA and Yii2.

  Sources   Download

MIT

The Development Requires

php yii2 bootstrap module cms assets luya bootstrap4 twbs4 luya-module

25/12 2017

1.0.0-RC5

1.0.0.0-RC5 http://luya.io

Bootstrap4 Assets and Helper classes like ActiveForm for LUYA and Yii2.

  Sources   Download

MIT

The Development Requires

php yii2 bootstrap module cms assets luya bootstrap4 twbs4 luya-module

09/09 2017

1.0.0-RC4

1.0.0.0-RC4 http://luya.io

Bootstrap4 Assets and Helper classes like ActiveForm for LUYA and Yii2.

  Sources   Download

MIT

The Development Requires

php yii2 bootstrap module cms assets luya bootstrap4 twbs4 luya-module

20/04 2017

1.0.0-RC3

1.0.0.0-RC3 http://luya.io

Bootstrap4 Assets and Helper classes like ActiveForm for LUYA and Yii2.

  Sources   Download

MIT

The Development Requires

php yii2 bootstrap module cms assets luya bootstrap4 twbs4 luya-module

09/03 2017

1.0.0-alpha1

1.0.0.0-alpha1 http://luya.io

Bootstrap4 Assets and Helper classes like ActiveForm for LUYA and Yii2.

  Sources   Download

MIT

The Development Requires

php yii2 bootstrap module cms assets luya bootstrap4 twbs4 luya-module