Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Web Development Articles
Page 797 of 801
Why would a jQuery variable start with a dollar sign?
When you will begin working about jQuery, you will get to know about the usage of the $ sign. A $ sign is used to define jQuery.jQuery variables begin with $ to distinguish them from a standard JavaScript object. Also, it is a convention. jQuery selectors start with the dollar sign and parentheses() − $.Let's take an Example −// jQuery object var $phone = $("#myphone"); // dom object var phone_el = $("#myphone").get(1);
Read MoreHow to use Bootstrap Alert Plugins
Alert messages are used to display information such as warning or confirmation messages to the end users. You can try to run the following code to implement alert plugins in Bootstrap − Example Bootstrap Example × Success! the result is successful. $(function(){ $("#myAlert").bind('closed.bs.alert', function () { alert("Alert message box is closed."); }); });
Read MoreBootstrap responsive utility classes
The following are the classes available for responsive utility classes in Bootstrap −ClassesDevices.visible-xsExtra small (less than 768px) visible.visible-smSmall (up to 768 px) visible.visible-mdMedium (768 px to 991 px) visible.visible-lgLarger (992 px and above) visible.hidden-xsExtra small (less than 768px) hidden.hidden-smSmall (up to 768 px) hidden.hidden-mdMedium (768 px to 991 px) hidden.hidden-lgLarger (992 px and above) hidden
Read MoreHow to use Bootstrap Affix Plugins
The affix plugin allows a to become affixed to a location on the page. You can also toggle it's pinning on and off using this plugin.The affix plugin toggles between three classes, each representing a particular state − .affix, .affix-top, and .affix-bottom. Follow the below steps to set your CSS for either of the above usage options.To start, the plugin adds .affix-top to indicate the element is in its top-most position. At this point, no CSS positioning is required.Scrolling past the element you want affixed should trigger the actual affixing. This is where .affix replaces .affix-top and sets position: ...
Read MoreWhat are Bootstrap Transition Plugins
Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator. It is used by the other plugins to check for CSS transition support and to catch hanging transitions.If you want to include this plugin functionality individually, then you will need transition.js once alongside the other JS files.
Read MoreWhat is Bootstrap Plugins
Bootstrap comes bundled with 12 jQuery plugins that extend the features and can add more interaction to your site.By utilizing Bootstrap Data API, most of the plugins can be triggered without writing a single line of code.Bootstrap Plugins can be included on your site in the following two forms −Individually − Using Bootstrap's individual *.js files. Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Compiled (all at once) − Using bootstrap.js or the minified bootstrap.min.js. Do not attempt to include both, as both bootstrap.js and bootstrap.min.js contain all ...
Read MoreTabs With Dropdown Bootstrap Example
To create tabs with Bootstrap, use the .nav and .nav-tabs classes. With that use the .dropdown-menu class. Start with a basic unordered list with the base class of .nav Add the class .nav-tabs. Now add an unordered list with a .dropdown-menu class. You can try to run the following code to create tabs with drop-down − Example Bootstrap Example Website Home About Products Online Compiler Image Editor Document Viewer Services Contact
Read MoreBootstrap Form Control States
Bootstrap offers to style for disabled inputs and classes for form validation, Input FocusWhen an input receives: focus, the outline of the input is removed and a box-shadow is applied.Disabled lnputsIf you need to disable an input, simply adding the disabled attribute will not only disable it; it will also change the styling and the mouse cursor when the cursor hovers over the element.Disabled FieldsetsAdd the disabled attribute to a to disable all the controls within the at once.Validation StatesBootstrap includes validation styles for errors, warnings, and success messages. To use, simply add the appropriate class to the parent element.
Read MoreBootstrap code tag styling
Using Bootstrap, you can easily display code with and tag.The tag displays code wrapped as an inline element.To display code with the tag, you can try to run the following code −Example is wrapped as an inline element.
Read MoreBootstrap Table Elements
The following are the Bootstrap table elements −TagDescriptionWrapping element for displaying data in a tabular formatContainer element for table header rows () to label table columns.Container element for table rows () in the body of the table.Container element for a set of table cells ( or ) that appears on a single row.Default table cell.Special table cell for column (or row, depending on scope and placement) labels. Must be used within a Description or summary of what the table holds.
Read More