Category : Bootstrap

ItSolutionStuff.com have tutorials for Bootstrap, here you can study articles of Bootstrap, Bootstrap posts collection, most popular and useful tutorials of Bootstrap, here you can find list of all relevant posts and example about Bootstrap, we have lists of tutorials and examples about Bootstrap.very simple and quick example collection of Latest Bootstrap category.




Laravel notification message popup using toastr js plugin

Laravel notification message popup using toastr js plugin

In this post, i would like show you how to add toastr js plugin notification popup in Laravel from scratch. toastr plugin provide us success message notification, info message notification, warning message notification, error message notification that way we can add notification with good layout. L.....

By Hardik Savani | August 9, 2016 | Category : Bootstrap

PHP - jquery ajax crop image before upload using croppie plugin

PHP - jquery ajax crop image before upload using croppie plugin

we mostly need to crop image before upload and as specially when we save image for user profile or etc. In this post i tell you how to crop image and save using jquery ajax. In this example i use croppie plugin that provide to crop image with zoom and etc. croppie.js plugin is very professional tha.....

By Hardik Savani | August 6, 2016 | Category : Bootstrap


Bootstrap progress bar animate example using bootstrap-progressbar.js

Bootstrap progress bar animate example using bootstrap-progressbar.js

In this post i give you example of how to use animated progress bar in bootstrap framework. there are several plugin available for progress bar bootstrap, but bootstrap-progressbar.js plugin is pretty simple to use and easily integrate with bootstrap. bootstrap-progressbar.js plugin provide several.....

By Hardik Savani | August 3, 2016 | Category : Bootstrap

Bootstrap SweetAlert - Confirm dialog box model with yes and no option example

Bootstrap SweetAlert - Confirm dialog box model with yes and no option example

When we deal with delete task then we always require to ask with model dialog and yes or no for conformation with message. So, if you have bootstrap then you can use simply SweetAlert plugin. Bootstrap SweetAlert plugin provide alert box, confirm dialog box and prompt box. In this example i use boo.....

By Hardik Savani | July 26, 2016 | Category : Bootstrap

Bootstrap form validation example with demo using validator.js plugin

Bootstrap form validation example with demo using validator.js plugin

We always need to add validation on form like registration form, contact form, login form etc. we always prefer to give validation error after page refresh but you can give validation without page refresh. If you use bootstrap then you can use easily validator.js plugin. validator.js plugin gives c.....

By Hardik Savani | July 20, 2016 | Category : Bootstrap

Twitter bootstrap - fancy alert box example and demo using SweetAlert Plugin

Twitter bootstrap - fancy alert box example and demo using SweetAlert Plugin

We always require to give alert box when something success, warning, info etc. we always use alert() of jquery function, If you used twitter bootstrap then you can use SweetAlert Plugin with fancy alert. SweetAlert Plugin provide a different types of animated alert like for info, primary, success, .....

By Hardik Savani | July 18, 2016 | Category : Bootstrap

Bootstrap Color Picker Example using mjolnic colorpicker plugin

Bootstrap Color Picker Example using mjolnic colorpicker plugin

In this post i give you example of how to set simple Bootstrap color picker using mjolnic plugin. We don't use often color picker but maybe we require sometimes. So, if you used bootstrap then you have to choose Bootstrap color picker for select color. mjolnic Bootstrap colorpicker provide several .....

By Hardik Savani | July 13, 2016 | Category : Bootstrap

Laravel 5 Autocomplete using Bootstrap Typeahead JS Example with Demo

Laravel 5 Autocomplete using Bootstrap Typeahead JS Example with Demo

Autocomplete is must if you are dealing with big data table, like you have products table and thousands of records so it's not possible to give drop-down box, but it is better if we use Autocomplete instead of select box. In this example i use Bootstrap Typeahead JS plugin for auto-complete, Typeah.....

By Hardik Savani | July 9, 2016 | Category : Bootstrap

How to create Pagination using dirPagination directive in Angularjs example with demo ?

How to create Pagination using dirPagination directive in Angularjs example with demo ?

Angularjs Pagination is not simple like laravel, code php etc, because we have to manage it with JS. In this tutorial i give you to build simple way pagination in your angularjs application. In this example we will use dirPagination directive to add paginate. Pagination Directive provide us very s.....

By Hardik Savani | July 7, 2016 | Category : Bootstrap

Bootstrap year picker example using datepicker js

Bootstrap year picker example using datepicker js

Generally we are use datepicker with dd-mm-yyyy format but sometimes we require to get only year, i mean select only year at that time we need to use datepicker option like format, minViewMode etc that way we can make datepicker into year picker for us. In this example i give you how can you get ye.....

By Hardik Savani | July 6, 2016 | Category : Bootstrap