Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

Bootstrap pagination

Bootstrap pagination In case of multiple pages in bootstrap,we can also number them making our presentation more efficient.This can be done through pagination.These large blocks is hard to miss,easily scalable and provides large click areas. ...

Progress bars in Bootstrap

Progress bars in Bootstrap. Bootstrap helps in providing up-to-date feedback on the progress of a workflow or action.This can be done by using progress bars.You can also add label to the progress bar thus making it more user-friendly. <d...

Links in alerts

Links in alerts. In bootstrap we can also create matching colored links along with the alert messages.Through this you can add a link whenever contextual message pop's up under specified action.This can be done by adding alert-link class. &...

Bootstrap Alerts

Bootstrap Alerts. Bootstrap provides a medium to print contextual feedback messages for typical user actions with the handful of available and flexible alert messages.These alert messages pop-up under specified user action which can be manipul...

Bootstrap badges(active nav states)

Bootstrap badges(active nav states) Bootstrap provides built-in styles which can be included in bootstrap navs or more for placing badges in active states in pill navigations. <ul class="nav nav-pills" role="tablist"> <li role="...

Bootstrap badges

Bootstrap badges. Badges can be easily created by adding a predefined class badge to links of nav bar in Bootstrap.You can customize it further according to your requirement. <a href="#">Inbox <span class="badge">42</span>...

Bootstrap Buttons

Bootstrap Buttons Bootstrap provides button classes to quickly create a styled button.So you can design any type of buttons with little effort and customization. <!-- Standard button --> <button type="button" class="btn btn-defaul...

Bootstrap Form

Bootstrap Form Bootstrap provides a predefined form which can be customized according to your requirement.You can design any form with little effort and customization.It helps in saving lots of time and prevents developer from confusion. &l...

Navbar

Bootstrap Navbar Bootstrap provides an pre-defined navbar which can be customized according to your requirement.Predefined classes are present which helps in saving lots of time and prevent us from confusion,makes it more user friendly.With li...

Progress bar with bootstrap

Welcome to Findnerd. Today we are going to learn the progressbar building with the help of bootstrap. We all knows the bootstrap uses different classes for different purposes so we will use the class named progress-bar, progress. Please have a l...

Started with Bootstrap

Welcome to Findnerd. Bootstrap is a most popular front-end framework. Frontend framework works in client side such as HTML,CSS and JS development.Bootstrap is an open source client side framework.Bootstrap is also known as Twitter Blurprint. Mar...

Alert classes

how to make alert messages in bootstrap. Bootstrap prvoides an predefined class .alert for creating alert messages which can be customized according to the requirement. Alerts are created with the .alert class, followed by one of the four co...

Using CakePHP FormHelper with Bootstrap Forms

Hello Readers , If you are using Cakephp and not use Cakephp FormHelper then its a bad technique of coding . To use Cakephp FormHelper first of all declare FormHelper in controller . So we have the piece of Html code below which we need to...

How to create JavaScript confirm Model

In the code given below, i have created a javaScript Confirm Model with the help of bootstrap. I also used document ready event handler to trigger the event.Confirm model without a callback isn't particularly useful,but it is entirely possible ...

How To Create a Modal in Bootstrap

With the help of Bootstrap we can create a Modal plugin. In the example given below , I am using attributes data-toggle=model ( which is used to open the model window ) and data- target=#Model (which points to the id of the target model ). ...

How To Create a Scrollspy in Bootstrap

With the help of Bootstrap we can create a Scrollspy function.The Scrollspy plugin is used to automatically update links in a navigation list based on scroll position. According to the below example, i am using data-spy=scroll it is used to scol...

How to Create a Popover in Bootstrap.

With the help of Bootstrap we can create a popover function. In below example I am using title attribute which will specify popover header text and the data-content attribute will specify the text which will be displayed inside the popover's body...

CakePHP 2.0 with Twitter Bootstrap

Hello nerds, If you want to start your new CakePHP project with Twitter Bootstrap set with it, you can follow the steps as following:- Step 1: You need to Download CakePHP and Twitter Bootstrap versions. You can easily download them from ...

What is Bootstrapping in AngularJS?

Hi all, Bootstrapping is the equivalent of starting, or initializing your Angular app. There are 2 ways to do so. First :- <html ng-app="appName"> - - </html> Second:- After creating your app, you should use this when ...

Bootstrap versus Foundation

*{margin:0;padding: 0;} .mdUP table{border-collapse: collapse;width: 100%;margin:10px 0;} .mdUP table thead{background: #ccc;} .mdUP table th, .mdUP table td{padding: 5px;text-align:center;border:1px solid #ccc;} ...
prev 1 2 next
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: