moved bootstrap to extension

Alert.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use Yii;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+
+/**
+ * Alert renders an alert bootstrap component.
+ *
+ * For example,
+ *
+ * ```php
+ * echo Alert::widget([
+ *     'body' => 'Say hello...',
+ *     'closeButton' => [
+ *         'label' => '&times;',
+ *         'tag' => 'a',
+ *     ],
+ * ]);
+ * ```
+ *
+ * The following example will show the content enclosed between the [[begin()]]
+ * and [[end()]] calls within the alert box:
+ *
+ * ```php
+ * Alert::begin([
+ *     'closeButton' => ['label' => '&times;'],
+ * ]);
+ *
+ * echo 'Say hello...';
+ *
+ * Alert::end();
+ * ```
+ *
+ * @see http://twitter.github.io/bootstrap/javascript.html#alerts
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class Alert extends Widget
+{
+	/**
+	 * @var string the body content in the alert component. Note that anything between
+	 * the [[begin()]] and [[end()]] calls of the Alert widget will also be treated
+	 * as the body content, and will be rendered before this.
+	 */
+	public $body;
+	/**
+	 * @var array the options for rendering the close button tag.
+	 * The close button is displayed in the header of the modal window. Clicking
+	 * on the button will hide the modal window. If this is null, no close button will be rendered.
+	 *
+	 * The following special options are supported:
+	 *
+	 * - tag: string, the tag name of the button. Defaults to 'button'.
+	 * - 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.
+	 * Please refer to the [Alert plugin help](http://twitter.github.com/bootstrap/javascript.html#alerts)
+	 * for the supported HTML attributes.
+	 */
+	public $closeButton = [];
+
+
+	/**
+	 * Initializes the widget.
+	 */
+	public function init()
+	{
+		parent::init();
+
+		$this->initOptions();
+
+		echo Html::beginTag('div', $this->options) . "\n";
+		echo $this->renderBodyBegin() . "\n";
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo "\n" . $this->renderBodyEnd();
+		echo "\n" . Html::endTag('div');
+
+		$this->registerPlugin('alert');
+	}
+
+	/**
+	 * Renders the close button if any before rendering the content.
+	 * @return string the rendering result
+	 */
+	protected function renderBodyBegin()
+	{
+		return $this->renderCloseButton();
+	}
+
+	/**
+	 * Renders the alert body (if any).
+	 * @return string the rendering result
+	 */
+	protected function renderBodyEnd()
+	{
+		return $this->body . "\n";
+	}
+
+	/**
+	 * Renders the close button.
+	 * @return string the rendering result
+	 */
+	protected function renderCloseButton()
+	{
+		if ($this->closeButton !== null) {
+			$tag = ArrayHelper::remove($this->closeButton, 'tag', 'button');
+			$label = ArrayHelper::remove($this->closeButton, 'label', '&times;');
+			if ($tag === 'button' && !isset($this->closeButton['type'])) {
+				$this->closeButton['type'] = 'button';
+			}
+			return Html::tag($tag, $label, $this->closeButton);
+		} else {
+			return null;
+		}
+	}
+
+	/**
+	 * Initializes the widget options.
+	 * This method sets the default values for various options.
+	 */
+	protected function initOptions()
+	{
+		$this->options = array_merge(['class' => 'fade in'], $this->options);
+
+		Html::addCssClass($this->options, 'alert');
+
+		if ($this->closeButton !== null) {
+			$this->closeButton = array_merge([
+				'data-dismiss' => 'alert',
+				'aria-hidden' => 'true',
+				'class' => 'close',
+			], $this->closeButton);
+		}
+	}
+}

BootstrapAsset.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\web\AssetBundle;
+
+/**
+ * @author Qiang Xue <qiang.xue@gmail.com>
+ * @since 2.0
+ */
+class BootstrapAsset extends AssetBundle
+{
+	public $sourcePath = '@yii/bootstrap/assets';
+	public $css = [
+		'css/bootstrap.css',
+	];
+}

BootstrapPluginAsset.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\web\AssetBundle;
+
+/**
+ *
+ * @author Qiang Xue <qiang.xue@gmail.com>
+ * @since 2.0
+ */
+class BootstrapPluginAsset extends AssetBundle
+{
+	public $sourcePath = '@yii/bootstrap/assets';
+	public $js = [
+		'js/bootstrap.js',
+	];
+	public $depends = [
+		'yii\web\JqueryAsset',
+		'yii\bootstrap\BootstrapAsset',
+	];
+}

BootstrapThemeAsset.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\web\AssetBundle;
+
+/**
+ * Bootstrap 2 theme for Bootstrap 3
+ *
+ * @author Alexander Makarov <sam@rmcreative.ru>
+ * @since 2.0
+ */
+class BootstrapThemeAsset extends AssetBundle
+{
+	public $sourcePath = '@yii/bootstrap/assets';
+	public $css = [
+		'css/bootstrap-theme.css',
+	];
+	public $depends = [
+		'yii\bootstrap\BootstrapAsset',
+	];
+}

Button.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\helpers\Html;
+
+/**
+ * Button renders a bootstrap button.
+ *
+ * For example,
+ *
+ * ```php
+ * echo Button::widget([
+ *     'label' => 'Action',
+ *     'options' => ['class' => 'btn-lg'],
+ * ]);
+ * ```
+ * @see http://twitter.github.io/bootstrap/javascript.html#buttons
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class Button extends Widget
+{
+	/**
+	 * @var string the tag to use to render the button
+	 */
+	public $tagName = 'button';
+	/**
+	 * @var string the button label
+	 */
+	public $label = 'Button';
+	/**
+	 * @var boolean whether the label should be HTML-encoded.
+	 */
+	public $encodeLabel = true;
+
+
+	/**
+	 * Initializes the widget.
+	 * If you override this method, make sure you call the parent implementation first.
+	 */
+	public function init()
+	{
+		parent::init();
+		$this->clientOptions = false;
+		Html::addCssClass($this->options, 'btn');
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo Html::tag($this->tagName, $this->encodeLabel ? Html::encode($this->label) : $this->label, $this->options);
+		$this->registerPlugin('button');
+	}
+}

ButtonDropdown.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\helpers\Html;
+
+/**
+ * ButtonDropdown renders a group or split button dropdown bootstrap component.
+ *
+ * For example,
+ *
+ * ```php
+ * // a button group using Dropdown widget
+ * echo ButtonDropdown::widget([
+ *     'label' => 'Action',
+ *     'dropdown' => [
+ *         'items' => [
+ *             ['label' => 'DropdownA', 'url' => '/'],
+ *             ['label' => 'DropdownB', 'url' => '#'],
+ *         ],
+ *     ],
+ * ]);
+ * ```
+ * @see http://twitter.github.io/bootstrap/javascript.html#buttons
+ * @see http://twitter.github.io/bootstrap/components.html#buttonDropdowns
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class ButtonDropdown extends Widget
+{
+	/**
+	 * @var string the button label
+	 */
+	public $label = 'Button';
+	/**
+	 * @var array the HTML attributes of the button.
+	 */
+	public $options = [];
+	/**
+	 * @var array the configuration array for [[Dropdown]].
+	 */
+	public $dropdown = [];
+	/**
+	 * @var boolean whether to display a group of split-styled button group.
+	 */
+	public $split = false;
+
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo $this->renderButton() . "\n" . $this->renderDropdown();
+		$this->registerPlugin('button');
+	}
+
+	/**
+	 * Generates the button dropdown.
+	 * @return string the rendering result.
+	 */
+	protected function renderButton()
+	{
+		Html::addCssClass($this->options, 'btn');
+		if ($this->split) {
+			$tag = 'button';
+			$options = $this->options;
+			$this->options['data-toggle'] = 'dropdown';
+			Html::addCssClass($this->options, 'dropdown-toggle');
+			$splitButton = Button::widget([
+				'label' => '<span class="caret"></span>',
+				'encodeLabel' => false,
+				'options' => $this->options,
+			]);
+		} else {
+			$tag = 'a';
+			$this->label .= ' <span class="caret"></span>';
+			$options = $this->options;
+			if (!isset($options['href'])) {
+				$options['href'] = '#';
+			}
+			Html::addCssClass($options, 'dropdown-toggle');
+			$options['data-toggle'] = 'dropdown';
+			$splitButton = '';
+		}
+		return Button::widget([
+			'tagName' => $tag,
+			'label' => $this->label,
+			'options' => $options,
+			'encodeLabel' => false,
+		]) . "\n" . $splitButton;
+	}
+
+	/**
+	 * Generates the dropdown menu.
+	 * @return string the rendering result.
+	 */
+	protected function renderDropdown()
+	{
+		$config = $this->dropdown;
+		$config['clientOptions'] = false;
+		return Dropdown::widget($config);
+	}
+}

ButtonGroup.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+
+/**
+ * ButtonGroup renders a button group bootstrap component.
+ *
+ * For example,
+ *
+ * ```php
+ * // a button group with items configuration
+ * echo ButtonGroup::widget([
+ *     'buttons' => [
+ *         ['label' => 'A'],
+ *         ['label' => 'B'],
+ *     ]
+ * ]);
+ *
+ * // button group with an item as a string
+ * echo ButtonGroup::widget([
+ *     'buttons' => [
+ *         Button::widget(['label' => 'A']),
+ *         ['label' => 'B'],
+ *     ]
+ * ]);
+ * ```
+ * @see http://twitter.github.io/bootstrap/javascript.html#buttons
+ * @see http://twitter.github.io/bootstrap/components.html#buttonGroups
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class ButtonGroup extends Widget
+{
+	/**
+	 * @var array list of buttons. Each array element represents a single button
+	 * which can be specified as a string or an array of the following structure:
+	 *
+	 * - label: string, required, the button label.
+	 * - options: array, optional, the HTML attributes of the button.
+	 */
+	public $buttons = [];
+	/**
+	 * @var boolean whether to HTML-encode the button labels.
+	 */
+	public $encodeLabels = true;
+
+
+	/**
+	 * Initializes the widget.
+	 * If you override this method, make sure you call the parent implementation first.
+	 */
+	public function init()
+	{
+		parent::init();
+		Html::addCssClass($this->options, 'btn-group');
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo Html::tag('div', $this->renderButtons(), $this->options);
+		BootstrapAsset::register($this->getView());
+	}
+
+	/**
+	 * Generates the buttons that compound the group as specified on [[items]].
+	 * @return string the rendering result.
+	 */
+	protected function renderButtons()
+	{
+		$buttons = [];
+		foreach ($this->buttons as $button) {
+			if (is_array($button)) {
+				$label = ArrayHelper::getValue($button, 'label');
+				$options = ArrayHelper::getValue($button, 'options');
+				$buttons[] = Button::widget([
+					'label' => $label,
+					'options' => $options,
+					'encodeLabel' => $this->encodeLabels
+				]);
+			} else {
+				$buttons[] = $button;
+			}
+		}
+		return implode("\n", $buttons);
+	}
+}

Carousel.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\base\InvalidConfigException;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+
+/**
+ * Carousel renders a carousel bootstrap javascript component.
+ *
+ * For example:
+ *
+ * ```php
+ * echo Carousel::widget([
+ *     'items' => [
+ *         // the item contains only the image
+ *         '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg"/>',
+ *         // equivalent to the above
+ *         ['content' => '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg"/>'],
+ *         // the item contains both the image and the caption
+ *         [
+ *             'content' => '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg"/>',
+ *             'caption' => '<h4>This is title</h4><p>This is the caption text</p>',
+ *             'options' => [...],
+ *         ],
+ *     ]
+ * ]);
+ * ```
+ *
+ * @see http://twitter.github.io/bootstrap/javascript.html#carousel
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class Carousel extends Widget
+{
+	/**
+	 * @var array|boolean the labels for the previous and the next control buttons.
+	 * If false, it means the previous and the next control buttons should not be displayed.
+	 */
+	public $controls = ['&lsaquo;', '&rsaquo;'];
+	/**
+	 * @var array list of slides in the carousel. Each array element represents a single
+	 * slide with the following structure:
+	 *
+	 * ```php
+	 * [
+	 *     // required, slide content (HTML), such as an image tag
+	 *     'content' => '<img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg"/>',
+	 *     // optional, the caption (HTML) of the slide
+	 *     'caption' => '<h4>This is title</h4><p>This is the caption text</p>',
+	 *     // optional the HTML attributes of the slide container
+	 *     'options' => [],
+	 * ]
+	 * ```
+	 */
+	public $items = [];
+
+
+	/**
+	 * Initializes the widget.
+	 */
+	public function init()
+	{
+		parent::init();
+		Html::addCssClass($this->options, 'carousel');
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo Html::beginTag('div', $this->options) . "\n";
+		echo $this->renderIndicators() . "\n";
+		echo $this->renderItems() . "\n";
+		echo $this->renderControls() . "\n";
+		echo Html::endTag('div') . "\n";
+		$this->registerPlugin('carousel');
+	}
+
+	/**
+	 * Renders carousel indicators.
+	 * @return string the rendering result
+	 */
+	public function renderIndicators()
+	{
+		$indicators = [];
+		for ($i = 0, $count = count($this->items); $i < $count; $i++) {
+			$options = ['data-target' => '#' . $this->options['id'], 'data-slide-to' => $i];
+			if ($i === 0) {
+				Html::addCssClass($options, 'active');
+			}
+			$indicators[] = Html::tag('li', '', $options);
+		}
+		return Html::tag('ol', implode("\n", $indicators), ['class' => 'carousel-indicators']);
+	}
+
+	/**
+	 * Renders carousel items as specified on [[items]].
+	 * @return string the rendering result
+	 */
+	public function renderItems()
+	{
+		$items = [];
+		for ($i = 0, $count = count($this->items); $i < $count; $i++) {
+			$items[] = $this->renderItem($this->items[$i], $i);
+		}
+		return Html::tag('div', implode("\n", $items), ['class' => 'carousel-inner']);
+	}
+
+	/**
+	 * Renders a single carousel item
+	 * @param string|array $item a single item from [[items]]
+	 * @param integer $index the item index as the first item should be set to `active`
+	 * @return string the rendering result
+	 * @throws InvalidConfigException if the item is invalid
+	 */
+	public function renderItem($item, $index)
+	{
+		if (is_string($item)) {
+			$content = $item;
+			$caption = null;
+			$options = [];
+		} elseif (isset($item['content'])) {
+			$content = $item['content'];
+			$caption = ArrayHelper::getValue($item, 'caption');
+			if ($caption !== null) {
+				$caption = Html::tag('div', $caption, ['class' => 'carousel-caption']);
+			}
+			$options = ArrayHelper::getValue($item, 'options', []);
+		} else {
+			throw new InvalidConfigException('The "content" option is required.');
+		}
+
+		Html::addCssClass($options, 'item');
+		if ($index === 0) {
+			Html::addCssClass($options, 'active');
+		}
+
+		return Html::tag('div', $content . "\n" . $caption, $options);
+	}
+
+	/**
+	 * Renders previous and next control buttons.
+	 * @throws InvalidConfigException if [[controls]] is invalid.
+	 */
+	public function renderControls()
+	{
+		if (isset($this->controls[0], $this->controls[1])) {
+			return Html::a($this->controls[0], '#' . $this->options['id'], [
+				'class' => 'left carousel-control',
+				'data-slide' => 'prev',
+			]) . "\n"
+			. Html::a($this->controls[1], '#' . $this->options['id'], [
+				'class' => 'right carousel-control',
+				'data-slide' => 'next',
+			]);
+		} elseif ($this->controls === false) {
+			return '';
+		} else {
+			throw new InvalidConfigException('The "controls" property must be either false or an array of two elements.');
+		}
+	}
+}

Collapse.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\base\InvalidConfigException;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+
+/**
+ * Collapse renders an accordion bootstrap javascript component.
+ *
+ * For example:
+ *
+ * ```php
+ * echo Collapse::widget([
+ *     'items' => [
+ *         // equivalent to the above
+ *         'Collapsible Group Item #1' => [
+ *             'content' => 'Anim pariatur cliche...',
+ *             // open its content by default
+ *             'contentOptions' => ['class' => 'in']
+ *         ],
+ *         // another group item
+ *         'Collapsible Group Item #2' => [
+ *             'content' => 'Anim pariatur cliche...',
+ *             'contentOptions' => [...],
+ *             'options' => [...],
+ *         ],
+ *     ]
+ * ]);
+ * ```
+ *
+ * @see http://twitter.github.io/bootstrap/javascript.html#collapse
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class Collapse extends Widget
+{
+	/**
+	 * @var array list of groups in the collapse widget. Each array element represents a single
+	 * group with the following structure:
+	 *
+	 * ```php
+	 * // item key is the actual group header
+	 * 'Collapsible Group Item #1' => [
+	 *     // required, the content (HTML) of the group
+	 *     'content' => 'Anim pariatur cliche...',
+	 *     // optional the HTML attributes of the content group
+	 *     'contentOptions' => [],
+	 *     // optional the HTML attributes of the group
+	 *     'options' => [],
+	 * ]
+	 * ```
+	 */
+	public $items = [];
+
+
+	/**
+	 * Initializes the widget.
+	 */
+	public function init()
+	{
+		parent::init();
+		Html::addCssClass($this->options, 'accordion');
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo Html::beginTag('div', $this->options) . "\n";
+		echo $this->renderItems() . "\n";
+		echo Html::endTag('div') . "\n";
+		$this->registerPlugin('collapse');
+	}
+
+	/**
+	 * Renders collapsible items as specified on [[items]].
+	 * @return string the rendering result
+	 */
+	public function renderItems()
+	{
+		$items = [];
+		$index = 0;
+		foreach ($this->items as $header => $item) {
+			$options = ArrayHelper::getValue($item, 'options', []);
+			Html::addCssClass($options, 'accordion-group');
+			$items[] = Html::tag('div', $this->renderItem($header, $item, ++$index), $options);
+		}
+
+		return implode("\n", $items);
+	}
+
+	/**
+	 * Renders a single collapsible item group
+	 * @param string $header a label of the item group [[items]]
+	 * @param array $item a single item from [[items]]
+	 * @param integer $index the item index as each item group content must have an id
+	 * @return string the rendering result
+	 * @throws InvalidConfigException
+	 */
+	public function renderItem($header, $item, $index)
+	{
+		if (isset($item['content'])) {
+			$id = $this->options['id'] . '-collapse' . $index;
+			$options = ArrayHelper::getValue($item, 'contentOptions', []);
+			$options['id'] = $id;
+			Html::addCssClass($options, 'accordion-body collapse');
+
+			$header = Html::a($header, '#' . $id, [
+					'class' => 'accordion-toggle',
+					'data-toggle' => 'collapse',
+					'data-parent' => '#' . $this->options['id']
+				]) . "\n";
+
+			$content = Html::tag('div', $item['content'], ['class' => 'accordion-inner']) . "\n";
+		} else {
+			throw new InvalidConfigException('The "content" option is required.');
+		}
+		$group = [];
+
+		$group[] = Html::tag('div', $header, ['class' => 'accordion-heading']);
+		$group[] = Html::tag('div', $content, $options);
+
+		return implode("\n", $group);
+	}
+}

Dropdown.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\base\InvalidConfigException;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+
+/**
+ * Dropdown renders a Bootstrap dropdown menu component.
+ *
+ * @see http://twitter.github.io/bootstrap/javascript.html#dropdowns
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class Dropdown extends Widget
+{
+	/**
+	 * @var array list of menu items in the dropdown. Each array element can be either an HTML string,
+	 * or an array representing a single menu with the following structure:
+	 *
+	 * - label: string, required, the label of the item link
+	 * - url: string, optional, the url of the item link. Defaults to "#".
+	 * - visible: boolean, optional, whether this menu item is visible. Defaults to true.
+	 * - linkOptions: array, optional, the HTML attributes of the item link.
+	 * - options: array, optional, the HTML attributes of the item.
+	 *
+	 * To insert divider use `<li role="presentation" class="divider"></li>`.
+	 */
+	public $items = [];
+	/**
+	 * @var boolean whether the labels for header items should be HTML-encoded.
+	 */
+	public $encodeLabels = true;
+
+
+	/**
+	 * Initializes the widget.
+	 * If you override this method, make sure you call the parent implementation first.
+	 */
+	public function init()
+	{
+		parent::init();
+		Html::addCssClass($this->options, 'dropdown-menu');
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo $this->renderItems($this->items);
+		$this->registerPlugin('dropdown');
+	}
+
+	/**
+	 * Renders menu items.
+	 * @param array $items the menu items to be rendered
+	 * @return string the rendering result.
+	 * @throws InvalidConfigException if the label option is not specified in one of the items.
+	 */
+	protected function renderItems($items)
+	{
+		$lines = [];
+		foreach ($items as $i => $item) {
+			if (isset($item['visible']) && !$item['visible']) {
+				unset($items[$i]);
+				continue;
+			}
+			if (is_string($item)) {
+				$lines[] = $item;
+				continue;
+			}
+			if (!isset($item['label'])) {
+				throw new InvalidConfigException("The 'label' option is required.");
+			}
+			$label = $this->encodeLabels ? Html::encode($item['label']) : $item['label'];
+			$options = ArrayHelper::getValue($item, 'options', []);
+			$linkOptions = ArrayHelper::getValue($item, 'linkOptions', []);
+			$linkOptions['tabindex'] = '-1';
+			$content = Html::a($label, ArrayHelper::getValue($item, 'url', '#'), $linkOptions);
+			$lines[] = Html::tag('li', $content, $options);
+		}
+
+		return Html::tag('ul', implode("\n", $lines), $this->options);
+	}
+}

Modal.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use Yii;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+
+/**
+ * Modal renders a modal window that can be toggled by clicking on a button.
+ *
+ * The following example will show the content enclosed between the [[begin()]]
+ * and [[end()]] calls within the modal window:
+ *
+ * ~~~php
+ * Modal::begin([
+ *     'header' => '<h2>Hello world</h2>',
+ *     'toggleButton' => ['label' => 'click me'],
+ * ]);
+ *
+ * echo 'Say hello...';
+ *
+ * Modal::end();
+ * ~~~
+ *
+ * @see http://twitter.github.io/bootstrap/javascript.html#modals
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @author Qiang Xue <qiang.xue@gmail.com>
+ * @since 2.0
+ */
+class Modal extends Widget
+{
+	/**
+	 * @var string the header content in the modal window.
+	 */
+	public $header;
+	/**
+	 * @var string the footer content in the modal window.
+	 */
+	public $footer;
+	/**
+	 * @var array the options for rendering the close button tag.
+	 * The close button is displayed in the header of the modal window. Clicking
+	 * on the button will hide the modal window. If this is null, no close button will be rendered.
+	 *
+	 * The following special options are supported:
+	 *
+	 * - tag: string, the tag name of the button. Defaults to 'button'.
+	 * - 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.
+	 * Please refer to the [Modal plugin help](http://twitter.github.com/bootstrap/javascript.html#modals)
+	 * for the supported HTML attributes.
+	 */
+	public $closeButton = [];
+	/**
+	 * @var array the options for rendering the toggle button tag.
+	 * The toggle button is used to toggle the visibility of the modal window.
+	 * If this property is null, no toggle button will be rendered.
+	 *
+	 * The following special options are supported:
+	 *
+	 * - tag: string, the tag name of the button. Defaults to 'button'.
+	 * - 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.
+	 * Please refer to the [Modal plugin help](http://twitter.github.com/bootstrap/javascript.html#modals)
+	 * for the supported HTML attributes.
+	 */
+	public $toggleButton;
+
+
+	/**
+	 * Initializes the widget.
+	 */
+	public function init()
+	{
+		parent::init();
+
+		$this->initOptions();
+
+		echo $this->renderToggleButton() . "\n";
+		echo Html::beginTag('div', $this->options) . "\n";
+		echo Html::beginTag('div', ['class' => 'modal-dialog']) . "\n";
+		echo Html::beginTag('div', ['class' => 'modal-content']) . "\n";
+		echo $this->renderHeader() . "\n";
+		echo $this->renderBodyBegin() . "\n";
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo "\n" . $this->renderBodyEnd();
+		echo "\n" . $this->renderFooter();
+		echo "\n" . Html::endTag('div'); // modal-content
+		echo "\n" . Html::endTag('div'); // modal-dialog
+		echo "\n" . Html::endTag('div');
+
+		$this->registerPlugin('modal');
+	}
+
+	/**
+	 * Renders the header HTML markup of the modal
+	 * @return string the rendering result
+	 */
+	protected function renderHeader()
+	{
+		$button = $this->renderCloseButton();
+		if ($button !== null) {
+			$this->header = $button . "\n" . $this->header;
+		}
+		if ($this->header !== null) {
+			return Html::tag('div', "\n" . $this->header . "\n", ['class' => 'modal-header']);
+		} else {
+			return null;
+		}
+	}
+
+	/**
+	 * Renders the opening tag of the modal body.
+	 * @return string the rendering result
+	 */
+	protected function renderBodyBegin()
+	{
+		return Html::beginTag('div', ['class' => 'modal-body']);
+	}
+
+	/**
+	 * Renders the closing tag of the modal body.
+	 * @return string the rendering result
+	 */
+	protected function renderBodyEnd()
+	{
+		return Html::endTag('div');
+	}
+
+	/**
+	 * Renders the HTML markup for the footer of the modal
+	 * @return string the rendering result
+	 */
+	protected function renderFooter()
+	{
+		if ($this->footer !== null) {
+			return Html::tag('div', "\n" . $this->footer . "\n", ['class' => 'modal-footer']);
+		} else {
+			return null;
+		}
+	}
+
+	/**
+	 * Renders the toggle button.
+	 * @return string the rendering result
+	 */
+	protected function renderToggleButton()
+	{
+		if ($this->toggleButton !== null) {
+			$tag = ArrayHelper::remove($this->toggleButton, 'tag', 'button');
+			$label = ArrayHelper::remove($this->toggleButton, 'label', 'Show');
+			if ($tag === 'button' && !isset($this->toggleButton['type'])) {
+				$this->toggleButton['type'] = 'button';
+			}
+			return Html::tag($tag, $label, $this->toggleButton);
+		} else {
+			return null;
+		}
+	}
+
+	/**
+	 * Renders the close button.
+	 * @return string the rendering result
+	 */
+	protected function renderCloseButton()
+	{
+		if ($this->closeButton !== null) {
+			$tag = ArrayHelper::remove($this->closeButton, 'tag', 'button');
+			$label = ArrayHelper::remove($this->closeButton, 'label', '&times;');
+			if ($tag === 'button' && !isset($this->closeButton['type'])) {
+				$this->closeButton['type'] = 'button';
+			}
+			return Html::tag($tag, $label, $this->closeButton);
+		} else {
+			return null;
+		}
+	}
+
+	/**
+	 * Initializes the widget options.
+	 * This method sets the default values for various options.
+	 */
+	protected function initOptions()
+	{
+		$this->options = array_merge([
+			'class' => 'fade',
+			'role' => 'dialog',
+			'tabindex' => -1,
+		], $this->options);
+		Html::addCssClass($this->options, 'modal');
+		
+		if ($this->clientOptions !== false) {
+			$this->clientOptions = array_merge(['show' => false], $this->clientOptions);
+		}
+
+		if ($this->closeButton !== null) {
+			$this->closeButton = array_merge([
+				'data-dismiss' => 'modal',
+				'aria-hidden' => 'true',
+				'class' => 'close',
+			], $this->closeButton);
+		}
+
+		if ($this->toggleButton !== null) {
+			$this->toggleButton = array_merge([
+				'data-toggle' => 'modal',
+			], $this->toggleButton);
+			if (!isset($this->toggleButton['data-target']) && !isset($this->toggleButton['href'])) {
+				$this->toggleButton['data-target'] = '#' . $this->options['id'];
+			}
+		}
+	}
+}

Nav.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use Yii;
+use yii\base\InvalidConfigException;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+
+/**
+ * Nav renders a nav HTML component.
+ *
+ * For example:
+ *
+ * ```php
+ * echo Nav::widget([
+ *     'items' => [
+ *         [
+ *             'label' => 'Home',
+ *             'url' => ['site/index'],
+ *             'linkOptions' => [...],
+ *         ],
+ *         [
+ *             'label' => 'Dropdown',
+ *             'items' => [
+ *                  [
+ *                      'label' => 'Level 1 -DropdownA',
+ *                      'url' => '#',
+ *                      'items' => [
+ *                          ['label' => 'Level 2 -DropdownA', 'url' => '#'],
+ *                      ],
+ *                  ],
+ *                  ['label' => 'Level 1 -DropdownB', 'url' => '#'],
+ *             ],
+ *         ],
+ *     ],
+ * ]);
+ * ```
+ *
+ * @see http://twitter.github.io/bootstrap/components.html#nav
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class Nav extends Widget
+{
+	/**
+	 * @var array list of items in the nav widget. Each array element represents a single
+	 * menu item which can be either a string or an array with the following structure:
+	 *
+	 * - label: string, required, the nav item label.
+	 * - url: optional, the item's URL. Defaults to "#".
+	 * - visible: boolean, optional, whether this menu item is visible. Defaults to true.
+	 * - linkOptions: array, optional, the HTML attributes of the item's link.
+	 * - options: array, optional, the HTML attributes of the item container (LI).
+	 * - active: boolean, optional, whether the item should be on active state or not.
+	 * - items: array|string, optional, the configuration array for creating a [[Dropdown]] widget,
+	 *   or a string representing the dropdown menu. Note that Bootstrap does not support sub-dropdown menus.
+	 *
+	 * If a menu item is a string, it will be rendered directly without HTML encoding.
+	 */
+	public $items = [];
+	/**
+	 * @var boolean whether the nav items labels should be HTML-encoded.
+	 */
+	public $encodeLabels = true;
+	/**
+	 * @var boolean whether to automatically activate items according to whether their route setting
+	 * matches the currently requested route.
+	 * @see isItemActive
+	 */
+	public $activateItems = true;
+	/**
+	 * @var string the route used to determine if a menu item is active or not.
+	 * If not set, it will use the route of the current request.
+	 * @see params
+	 * @see isItemActive
+	 */
+	public $route;
+	/**
+	 * @var array the parameters used to determine if a menu item is active or not.
+	 * If not set, it will use `$_GET`.
+	 * @see route
+	 * @see isItemActive
+	 */
+	public $params;
+
+
+	/**
+	 * Initializes the widget.
+	 */
+	public function init()
+	{
+		parent::init();
+		if ($this->route === null && Yii::$app->controller !== null) {
+			$this->route = Yii::$app->controller->getRoute();
+		}
+		if ($this->params === null) {
+			$this->params = $_GET;
+		}
+		Html::addCssClass($this->options, 'nav');
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo $this->renderItems();
+		BootstrapAsset::register($this->getView());
+	}
+
+	/**
+	 * Renders widget items.
+	 */
+	public function renderItems()
+	{
+		$items = [];
+		foreach ($this->items as $i => $item) {
+			if (isset($item['visible']) && !$item['visible']) {
+				unset($items[$i]);
+				continue;
+			}
+			$items[] = $this->renderItem($item);
+		}
+
+		return Html::tag('ul', implode("\n", $items), $this->options);
+	}
+
+	/**
+	 * Renders a widget's item.
+	 * @param string|array $item the item to render.
+	 * @return string the rendering result.
+	 * @throws InvalidConfigException
+	 */
+	public function renderItem($item)
+	{
+		if (is_string($item)) {
+			return $item;
+		}
+		if (!isset($item['label'])) {
+			throw new InvalidConfigException("The 'label' option is required.");
+		}
+		$label = $this->encodeLabels ? Html::encode($item['label']) : $item['label'];
+		$options = ArrayHelper::getValue($item, 'options', []);
+		$items = ArrayHelper::getValue($item, 'items');
+		$url = Html::url(ArrayHelper::getValue($item, 'url', '#'));
+		$linkOptions = ArrayHelper::getValue($item, 'linkOptions', []);
+
+		if (isset($item['active'])) {
+			$active = ArrayHelper::remove($item, 'active', false);
+		} else {
+			$active = $this->isItemActive($item);
+		}
+
+		if ($active) {
+			Html::addCssClass($options, 'active');
+		}
+
+		if ($items !== null) {
+			$linkOptions['data-toggle'] = 'dropdown';
+			Html::addCssClass($options, 'dropdown');
+			Html::addCssClass($urlOptions, 'dropdown-toggle');
+			$label .= ' ' . Html::tag('b', '', ['class' => 'caret']);
+			if (is_array($items)) {
+				$items = Dropdown::widget([
+					'items' => $items,
+					'encodeLabels' => $this->encodeLabels,
+					'clientOptions' => false,
+				]);
+			}
+		}
+
+		return Html::tag('li', Html::a($label, $url, $linkOptions) . $items, $options);
+	}
+
+
+	/**
+	 * Checks whether a menu item is active.
+	 * This is done by checking if [[route]] and [[params]] match that specified in the `url` option of the menu item.
+	 * When the `url` option of a menu item is specified in terms of an array, its first element is treated
+	 * as the route for the item and the rest of the elements are the associated parameters.
+	 * Only when its route and parameters match [[route]] and [[params]], respectively, will a menu item
+	 * be considered active.
+	 * @param array $item the menu item to be checked
+	 * @return boolean whether the menu item is active
+	 */
+	protected function isItemActive($item)
+	{
+		if (isset($item['url']) && is_array($item['url']) && isset($item['url'][0])) {
+			$route = $item['url'][0];
+			if ($route[0] !== '/' && Yii::$app->controller) {
+				$route = Yii::$app->controller->module->getUniqueId() . '/' . $route;
+			}
+			if (ltrim($route, '/') !== $this->route) {
+				return false;
+			}
+			unset($item['url']['#']);
+			if (count($item['url']) > 1) {
+				foreach (array_splice($item['url'], 1) as $name => $value) {
+					if (!isset($this->params[$name]) || $this->params[$name] != $value) {
+						return false;
+					}
+				}
+			}
+			return true;
+		}
+		return false;
+	}
+}

NavBar.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\helpers\Html;
+
+/**
+ * NavBar renders a navbar HTML component.
+ *
+ * Any content enclosed between the [[begin()]] and [[end()]] calls of NavBar
+ * is treated as the content of the navbar. You may use widgets such as [[Nav]]
+ * or [[\yii\widgets\Menu]] to build up such content. For example,
+ *
+ * ```php
+ * use yii\bootstrap\NavBar;
+ * use yii\widgets\Menu;
+ *
+ * NavBar::begin(['brandLabel' => 'NavBar Test']);
+ * echo Nav::widget([
+ *     'items' => [
+ *         ['label' => 'Home', 'url' => ['/site/index']],
+ *         ['label' => 'About', 'url' => ['/site/about']],
+ *     ],
+ * ]);
+ * NavBar::end();
+ * ```
+ *
+ * @see http://twitter.github.io/bootstrap/components.html#navbar
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class NavBar extends Widget
+{
+	/**
+	 * @var string the text of the brand. Note that this is not HTML-encoded.
+	 * @see http://twitter.github.io/bootstrap/components.html#navbar
+	 */
+	public $brandLabel;
+	/**
+	 * @param array|string $url the URL for the brand's hyperlink tag. This parameter will be processed by [[Html::url()]]
+	 * and will be used for the "href" attribute of the brand link. Defaults to site root.
+	 */
+	public $brandUrl = '/';
+	/**
+	 * @var array the HTML attributes of the brand link.
+	 */
+	public $brandOptions = [];
+
+	public $screenReaderToggleText = 'Toggle navigation';
+
+	/**
+	 * Initializes the widget.
+	 */
+	public function init()
+	{
+		parent::init();
+		$this->clientOptions = false;
+		Html::addCssClass($this->options, 'navbar navbar-default');
+		Html::addCssClass($this->brandOptions, 'navbar-brand');
+		if (empty($this->options['role'])) {
+			$this->options['role'] = 'navigation';
+		}
+
+		echo Html::beginTag('nav', $this->options);
+		echo Html::beginTag('div', ['class' => 'container']);
+
+		echo Html::beginTag('div', ['class' => 'navbar-header']);
+		echo $this->renderToggleButton();
+		if ($this->brandLabel !== null) {
+			echo Html::a($this->brandLabel, $this->brandUrl, $this->brandOptions);
+		}
+		echo Html::endTag('div');
+
+		echo Html::beginTag('div', ['class' => 'collapse navbar-collapse navbar-ex1-collapse']);
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+
+		echo Html::endTag('div');
+		echo Html::endTag('div');
+		echo Html::endTag('nav');
+		BootstrapPluginAsset::register($this->getView());
+	}
+
+	/**
+	 * Renders collapsible toggle button.
+	 * @return string the rendering toggle button.
+	 */
+	protected function renderToggleButton()
+	{
+		$bar = Html::tag('span', '', ['class' => 'icon-bar']);
+		$screenReader = '<span class="sr-only">'.$this->screenReaderToggleText.'</span>';
+		return Html::button("{$screenReader}\n{$bar}\n{$bar}\n{$bar}", [
+			'class' => 'navbar-toggle',
+			'data-toggle' => 'collapse',
+			'data-target' => '.navbar-ex1-collapse',
+		]);
+	}
+}

Progress.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\base\InvalidConfigException;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+
+/**
+ * Progress renders a bootstrap progress bar component.
+ *
+ * For example,
+ *
+ * ```php
+ * // default with label
+ * echo Progress::widget([
+ *     'percent' => 60,
+ *     'label' => 'test',
+ * ]);
+ *
+ * // styled
+ * echo Progress::widget([
+ *     'percent' => 65,
+ *     'barOptions' => ['class' => 'bar-danger']
+ * ]);
+ *
+ * // striped
+ * echo Progress::widget([
+ *     'percent' => 70,
+ *     'barOptions' => ['class' => 'bar-warning'],
+ *     'options' => ['class' => 'progress-striped']
+ * ]);
+ *
+ * // striped animated
+ * echo Progress::widget([
+ *     'percent' => 70,
+ *     'barOptions' => ['class' => 'bar-success'],
+ *     'options' => ['class' => 'active progress-striped']
+ * ]);
+ *
+ * // stacked bars
+ * echo Progress::widget([
+ *     'bars' => [
+ *         ['percent' => 30, 'options' => ['class' => 'bar-danger']],
+ *         ['percent' => 30, 'label' => 'test', 'options' => ['class' => 'bar-success']],
+ *         ['percent' => 35, 'options' => array['class' => 'bar-warning']],
+ *     ]
+ * ]);
+ * ```
+ * @see http://twitter.github.io/bootstrap/components.html#progress
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class Progress extends Widget
+{
+	/**
+	 * @var string the button label
+	 */
+	public $label;
+	/**
+	 * @var integer the amount of progress as a percentage.
+	 */
+	public $percent = 0;
+	/**
+	 * @var array the HTML attributes of the
+	 */
+	public $barOptions = [];
+	/**
+	 * @var array a set of bars that are stacked together to form a single progress bar.
+	 * Each bar is an array of the following structure:
+	 *
+	 * ```php
+	 * [
+	 *     // required, the amount of progress as a percentage.
+	 *     'percent' => 30,
+	 *     // optional, the label to be displayed on the bar
+	 *     'label' => '30%',
+	 *     // optional, array, additional HTML attributes for the bar tag
+	 *     'options' => [],
+	 * ]
+	 */
+	public $bars;
+
+
+	/**
+	 * Initializes the widget.
+	 * If you override this method, make sure you call the parent implementation first.
+	 */
+	public function init()
+	{
+		parent::init();
+		Html::addCssClass($this->options, 'progress');
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo Html::beginTag('div', $this->options) . "\n";
+		echo $this->renderProgress() . "\n";
+		echo Html::endTag('div') . "\n";
+		BootstrapAsset::register($this->getView());
+	}
+
+	/**
+	 * Renders the progress.
+	 * @return string the rendering result.
+	 * @throws InvalidConfigException if the "percent" option is not set in a stacked progress bar.
+	 */
+	protected function renderProgress()
+	{
+		if (empty($this->bars)) {
+			return $this->renderBar($this->percent, $this->label, $this->barOptions);
+		}
+		$bars = [];
+		foreach ($this->bars as $bar) {
+			$label = ArrayHelper::getValue($bar, 'label', '');
+			if (!isset($bar['percent'])) {
+				throw new InvalidConfigException("The 'percent' option is required.");
+			}
+			$options = ArrayHelper::getValue($bar, 'options', []);
+			$bars[] = $this->renderBar($bar['percent'], $label, $options);
+		}
+		return implode("\n", $bars);
+	}
+
+	/**
+	 * Generates a bar
+	 * @param int $percent the percentage of the bar
+	 * @param string $label, optional, the label to display at the bar
+	 * @param array $options the HTML attributes of the bar
+	 * @return string the rendering result.
+	 */
+	protected function renderBar($percent, $label = '', $options = [])
+	{
+		Html::addCssClass($options, 'bar');
+		$options['style'] = "width:{$percent}%";
+		return Html::tag('div', $label, $options);
+	}
+}

README.md

+Twitter Bootstrap Extension for Yii 2
+=====================================
+
+This is the Twitter Bootstrap extension for Yii 2. It encapsulates Bootstrap components
+and plugins in terms of Yii widgets, and thus makes using Bootstrap components/plugins
+in Yii applications extremely easy. For example, the following
+single line of code in a view file would render a Bootstrap Progress plugin:
+
+```php
+<?= yii\bootstrap\Progress::widget(['percent' => 60, 'label' => 'test']) ?>
+```
+
+
+Installation
+------------
+
+The preferred way to install this extension is [composer](http://getcomposer.org/download/).
+
+Either run
+
+```
+php composer.phar require yiisoft/yii2-bootstrap "*"
+```
+
+or add
+
+```
+"yiisoft/yii2-bootstrap": "*"
+```
+
+to the require section of your `composer.json` file.
+

Tabs.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use yii\base\InvalidConfigException;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+
+/**
+ * Tabs renders a Tab bootstrap javascript component.
+ *
+ * For example:
+ *
+ * ```php
+ * echo Tabs::widget([
+ *     'items' => [
+ *         [
+ *             'label' => 'One',
+ *             'content' => 'Anim pariatur cliche...',
+ *             'active' => true
+ *         ],
+ *         [
+ *             'label' => 'Two',
+ *             'content' => 'Anim pariatur cliche...',
+ *             'headerOptions' => [...],
+ *             'options' => ['id' => 'myveryownID'],
+ *         ],
+ *         [
+ *             'label' => 'Dropdown',
+ *             'items' => [
+ *                  [
+ *                      'label' => 'DropdownA',
+ *                      'content' => 'DropdownA, Anim pariatur cliche...',
+ *                  ],
+ *                  [
+ *                      'label' => 'DropdownB',
+ *                      'content' => 'DropdownB, Anim pariatur cliche...',
+ *                  ],
+ *             ],
+ *         ],
+ *     ],
+ * ]);
+ * ```
+ *
+ * @see http://twitter.github.io/bootstrap/javascript.html#tabs
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @since 2.0
+ */
+class Tabs extends Widget
+{
+	/**
+	 * @var array list of tabs in the tabs widget. Each array element represents a single
+	 * tab with the following structure:
+	 *
+	 * - label: string, required, the tab header label.
+	 * - headerOptions: array, optional, the HTML attributes of the tab header.
+	 * - content: array, required if `items` is not set. The content (HTML) of the tab pane.
+	 * - options: array, optional, the HTML attributes of the tab pane container.
+	 * - active: boolean, optional, whether the item tab header and pane should be visible or not.
+	 * - items: array, optional, if not set then `content` will be required. The `items` specify a dropdown items
+	 *   configuration array. Each item can hold two extra keys, besides the above ones:
+	 *     * active: boolean, optional, whether the item tab header and pane should be visible or not.
+	 *     * content: string, required if `items` is not set. The content (HTML) of the tab pane.
+	 *     * contentOptions: optional, array, the HTML attributes of the tab content container.
+	 */
+	public $items = [];
+	/**
+	 * @var array list of HTML attributes for the item container tags. This will be overwritten
+	 * by the "options" set in individual [[items]]. The following special options are recognized:
+	 *
+	 * - tag: string, defaults to "div", the tag name of the item container tags.
+	 */
+	public $itemOptions = [];
+	/**
+	 * @var array list of HTML attributes for the header container tags. This will be overwritten
+	 * by the "headerOptions" set in individual [[items]].
+	 */
+	public $headerOptions = [];
+	/**
+	 * @var boolean whether the labels for header items should be HTML-encoded.
+	 */
+	public $encodeLabels = true;
+	/**
+	 * @var string, specifies the Bootstrap tab styling.
+	 */
+	public $navType = 'nav-tabs';
+
+
+	/**
+	 * Initializes the widget.
+	 */
+	public function init()
+	{
+		parent::init();
+		Html::addCssClass($this->options, 'nav ' . $this->navType);
+	}
+
+	/**
+	 * Renders the widget.
+	 */
+	public function run()
+	{
+		echo $this->renderItems();
+		$this->registerPlugin('tab');
+	}
+
+	/**
+	 * Renders tab items as specified on [[items]].
+	 * @return string the rendering result.
+	 * @throws InvalidConfigException.
+	 */
+	protected function renderItems()
+	{
+		$headers = [];
+		$panes = [];
+		foreach ($this->items as $n => $item) {
+			if (!isset($item['label'])) {
+				throw new InvalidConfigException("The 'label' option is required.");
+			}
+			$label = $this->encodeLabels ? Html::encode($item['label']) : $item['label'];
+			$headerOptions = array_merge($this->headerOptions, ArrayHelper::getValue($item, 'headerOptions', []));
+
+			if (isset($item['items'])) {
+				$label .= ' <b class="caret"></b>';
+				Html::addCssClass($headerOptions, 'dropdown');
+
+				if ($this->renderDropdown($item['items'], $panes)) {
+					Html::addCssClass($headerOptions, 'active');
+				}
+
+				$header = Html::a($label, "#", ['class' => 'dropdown-toggle', 'data-toggle' => 'dropdown']) . "\n"
+					. Dropdown::widget(['items' => $item['items'], 'clientOptions' => false]);
+			} elseif (isset($item['content'])) {
+				$options = array_merge($this->itemOptions, ArrayHelper::getValue($item, 'options', []));
+				$options['id'] = ArrayHelper::getValue($options, 'id', $this->options['id'] . '-tab' . $n);
+
+				Html::addCssClass($options, 'tab-pane');
+				if (ArrayHelper::remove($item, 'active')) {
+					Html::addCssClass($options, 'active');
+					Html::addCssClass($headerOptions, 'active');
+				}
+				$header = Html::a($label, '#' . $options['id'], ['data-toggle' => 'tab']);
+				$panes[] = Html::tag('div', $item['content'], $options);
+			} else {
+				throw new InvalidConfigException("Either the 'content' or 'items' option must be set.");
+			}
+
+			$headers[] = Html::tag('li', $header, $headerOptions);
+		}
+
+		return Html::tag('ul', implode("\n", $headers), $this->options) . "\n"
+			. Html::tag('div', implode("\n", $panes), ['class' => 'tab-content']);
+	}
+
+	/**
+	 * Normalizes dropdown item options by removing tab specific keys `content` and `contentOptions`, and also
+	 * configure `panes` accordingly.
+	 * @param array $items the dropdown items configuration.
+	 * @param array $panes the panes reference array.
+	 * @return boolean whether any of the dropdown items is `active` or not.
+	 * @throws InvalidConfigException
+	 */
+	protected function renderDropdown(&$items, &$panes)
+	{
+		$itemActive = false;
+
+		foreach ($items as $n => &$item) {
+			if (is_string($item)) {
+				continue;
+			}
+			if (!isset($item['content'])) {
+				throw new InvalidConfigException("The 'content' option is required.");
+			}
+
+			$content = ArrayHelper::remove($item, 'content');
+			$options = ArrayHelper::remove($item, 'contentOptions', []);
+			Html::addCssClass($options, 'tab-pane');
+			if (ArrayHelper::remove($item, 'active')) {
+				Html::addCssClass($options, 'active');
+				Html::addCssClass($item['options'], 'active');
+				$itemActive = true;
+			}
+
+			$options['id'] = ArrayHelper::getValue($options, 'id', $this->options['id'] . '-dd-tab' . $n);
+			$item['url'] = '#' . $options['id'];
+			$item['linkOptions']['data-toggle'] = 'tab';
+
+			$panes[] = Html::tag('div', $content, $options);
+
+			unset($item);
+		}
+		return $itemActive;
+	}
+}

Widget.php

+<?php
+/**
+ * @link http://www.yiiframework.com/
+ * @copyright Copyright (c) 2008 Yii Software LLC
+ * @license http://www.yiiframework.com/license/
+ */
+
+namespace yii\bootstrap;
+
+use Yii;
+use yii\helpers\Json;
+
+/**
+ * \yii\bootstrap\Widget is the base class for all bootstrap widgets.
+ *
+ * @author Antonio Ramirez <amigo.cobos@gmail.com>
+ * @author Qiang Xue <qiang.xue@gmail.com>
+ * @since 2.0
+ */
+class Widget extends \yii\base\Widget
+{
+	/**
+	 * @var array the HTML attributes for the widget container tag.
+	 */
+	public $options = [];
+	/**
+	 * @var array the options for the underlying Bootstrap JS plugin.
+	 * Please refer to the corresponding Bootstrap plugin Web page for possible options.
+	 * For example, [this page](http://twitter.github.io/bootstrap/javascript.html#modals) shows
+	 * how to use the "Modal" plugin and the supported options (e.g. "remote").
+	 */
+	public $clientOptions = [];
+	/**
+	 * @var array the event handlers for the underlying Bootstrap JS plugin.
+	 * Please refer to the corresponding Bootstrap plugin Web page for possible events.
+	 * For example, [this page](http://twitter.github.io/bootstrap/javascript.html#modals) shows
+	 * how to use the "Modal" plugin and the supported events (e.g. "shown").
+	 */
+	public $clientEvents = [];
+
+
+	/**
+	 * Initializes the widget.
+	 * This method will register the bootstrap asset bundle. If you override this method,
+	 * make sure you call the parent implementation first.
+	 */
+	public function init()
+	{
+		parent::init();
+		if (!isset($this->options['id'])) {
+			$this->options['id'] = $this->getId();
+		}
+	}
+
+	/**
+	 * Registers a specific Bootstrap plugin and the related events
+	 * @param string $name the name of the Bootstrap plugin
+	 */
+	protected function registerPlugin($name)
+	{
+		$view = $this->getView();
+
+		BootstrapPluginAsset::register($view);
+
+		$id = $this->options['id'];
+
+		if ($this->clientOptions !== false) {
+			$options = empty($this->clientOptions) ? '' : Json::encode($this->clientOptions);
+			$js = "jQuery('#$id').$name($options);";
+			$view->registerJs($js);
+		}
+
+		if (!empty($this->clientEvents)) {
+			$js = [];
+			foreach ($this->clientEvents as $event => $handler) {
+				$js[] = "jQuery('#$id').on('$event', $handler);";
+			}
+			$view->registerJs(implode("\n", $js));
+		}
+	}
+}

composer.json

+{
+	"name": "yiisoft/yii2-bootstrap",
+	"description": "The Twitter Bootstrap extension for the Yii framework",
+	"keywords": ["yii", "bootstrap"],
+	"type": "yii2-extension",
+	"license": "BSD-3-Clause",
+	"support": {
+		"issues": "https://github.com/yiisoft/yii2/issues?state=open",
+		"forum": "http://www.yiiframework.com/forum/",
+		"wiki": "http://www.yiiframework.com/wiki/",
+		"irc": "irc://irc.freenode.net/yii",
+		"source": "https://github.com/yiisoft/yii2"
+	},
+	"minimum-stability": "dev",
+	"require": {
+		"yiisoft/yii2": "*"
+	},
+	"autoload": {
+		"psr-0": { "yii\\bootstrap\\": "" }
+	},
+	"target-dir": "yii/bootstrap"
+}