![]() ![]() ![]() ![]() Minor issues in these browsers are documented here. Firefox 18.0.1 - 26.0 (Mac OSX and Windows 7).107 (Mac OSX, Windows 7, Windows XP, iOS 6.0.2) I've tested Pick-a-Color in these browsers: Here's an example of how a simple HTML page using Pick-a-Color might look: Ta-da! You have a color picker! You might even have several! Sample HTML Return to Step 1 of instructions for use of the compiled CSS.Compile pick-a-color.less using your customized variables.Update the import statements in lines 7 and 8 of pick-a-color.less "PATH/TO/YOUR/mixins.less" Add src/less/pick-a-color.less to your LESS folder.Ta-da! You have a color picker! You might even have several! Source LESS for Use With Customized Bootstrap Builds To optimize IE and mobile support, I recommend adding these tags to your : Make sure the class selector matches the class of the div(s) where you want a Pick-a-Color: You can change the class of your input, but make sure to match it in your JavaScript in the next step and be aware that the class "pick-color" will be added regardless.Īdd this to your JavaScript somewhere after the DOM is ready.If you don't provide a name attribute, one will be added in the pattern "pick-a-color-INT.".For instance, yours might look like this: "border-color" or "background-color") and YOUR-DEFAULT with the default color you'd like to show in the color picker. Replace YOUR-NAME with your unique identifier for the color picker (e.g. For Bootstrap 2, use Pick-a-Color 1.1.8:Īdd this to your HTML wherever you want a Pick-A-Color: Add the CSS and JS from the latest release in /build to your CSS an JS folders and include them in your document as follows: For Bootstrap 3, use Pick-a-Color 1.2.3: How To Use Bower Installation bower install pick-a-color Compiled CSS For Use With Default Bootstrap Settings ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |