Wiki

Articles tagged with "bootstrap", sorted by viewsX
Displaying 1-10 of 14 result(s).

Using Bootstrap with LESS

Created about a year ago by Chris83How-tos1 comment – viewed 34,793 times – ( +14 ) – version 1.1
I discovered Twitter Bootstrap almost two years ago. After trying it out for a while I fell in love with it. It didn't take long before I realized that it would be great to write an extension that allowed developers to start using Bootstrap in their Yii projects. One night I sat down and started writing what later became my now popular bootstrap extension. Now that the extension is quite widely used in the community I felt that it was time to write about how to use Bootstrap to its full potential. If you use the Bootstrap CSS files you're really missing out on some great features. After reading this article you'll be able to take full advantage of Bootstrap using LESS.

Client-side form validation using Twitter Bootstrap's Popovers

Created about a year ago by TrejderHow-tos4 comments – viewed 28,534 times – ( +4 / -1 ) – version 1.1
This article explains how to easily turn standard text-line validation errors into beautifully and professionally looking Twitter Bootstrap's Popovers.

Kickstart development with Yii-App

Created about a year ago by Chris83How-tos24 comments – viewed 23,228 times – ( +21 / -1 ) – version 1.1
I recently created a project called Yii-App on GitHub to kickstart my development of smaller Yii applications. The main goal of the project is to provide a ready-to-use application template that includes my bootstrap extension and many other useful extensions. After reading this article you will be able to use this project as a starting point for all of your Yii projects.

How to use YiiBooster Bootstrap Gallery

Created about a year ago by Antonio RamirezHow-tos3 comments – viewed 20,790 times – ( +4 ) – version 1.1
Since version 1.0.4, Yii developers can make use of the image gallery provided by Sebastian Tshan, a great javascript developer that has created some true gems like the jquery file upload plugin.

Handling Bootstrap active tabs in Yii via URL

Created about a year ago by JamesBarnsleyHow-tos6 comments – viewed 16,639 times – ( +6 ) – version 1.1
As a lead developer at Mutable Labs I found that when using the Yii Bootstrap tabs component you will sometimes want to direct the user to a specific tab and not necessarily the first tab. Yii Bootstrap already provides the "active" variable so you can define whether the tab is the active tab or not in PHP. I generally find though that a PHP solution to this problem is rather cumbersome as every tab component will need the PHP code inserted or you will have to extend the tab component somehow to do it.

Load the Yii-Bootstrap Extension on Specific Actions

Created about a year ago by chuntleyHow-tos5 comments – viewed 14,900 times – ( +10 ) – version 1.1
A big problem I've hit with the Yii-Bootstrap extension is that all AJAX requests are initializing Bootstrap because of preload. This is a huge waste of resources, especially when using AJAX-based file uploaders that split the file into chunks. Large file uploads using that method could be initializing bootstrap hundreds of times.
tags: bootstrap, filter

Add Beautiful Radio/Checkbox Buttons To Grid

Created about a year ago by waterloomattHow-tos1 comment – viewed 14,557 times – ( +10 / -2 ) – version 1.1
This is a tutorial on how to create slick looking status buttons to update a model's status via a grid. Note** This tutorial uses Yii Bootstrap for styling.

BootProgressColumn - Progress Bar Inside GridView Column compatible with 'bootstrap' extension

Created 2 years ago by LuizTips1 comment – viewed 12,316 times – ( +7 ) – version 1.1
A little hint of how to create a progress bar inside the column of the grid, using the 'bootstrap' extension.

Activating Bootstrap 3 Tooltips & Popover for your Yii Site.

Created 5 months ago by Kartik VTips5 comments – viewed 6,781 times – ( +28 / -4 ) – version 2.0
With Bootstrap 3 and its inbuilt support in Yii Framework 2.0, you would see quite some new ways of creating HTML markup and styling your site. However, with version 3 of Bootstrap, tooltips and popover are not activated by default on your elements. Assuming you have activated the Bootstrap 3 tooltip plugin - how do you easily enable display of tooltips/popovers across your site?

Override/Eliminate Bootstrap CSS/JS for Yii 2.0 widgets

Created 7 months ago by Kartik VHow-tos2 comments – viewed 5,777 times – ( +27 / -4 ) – version 2.0
In Yii 2.0, the yii widgets that use Twitter Bootstrap CSS & JS directly, are part of the yii2-bootstrap extension, starting with yii/bootstrap namespace. For customizing bootstrap extension specific widget assets, you could configure your own assets (CSS/JS) using the new Yii Asset Manager in your Yii Config file. Something like: