Image (Bootstrap): Difference between revisions
Jump to navigation
Jump to search
Created page with "file:Bsimage.png == Description == Images in Bootstrap can be made responsive-friendly using the ''responsive'' property. This applies max-width: 100%;, height: auto; an..." |
|||
| Line 11: | Line 11: | ||
Standard [[properties and methods|properties]] are supported, plus: | Standard [[properties and methods|properties]] are supported, plus: | ||
{| class="wikitable" | {| class="wikitable" | ||
|- | |||
| center || Should image be centered in container? | |||
|- | |- | ||
| responsive || Should image resize to container? | | responsive || Should image resize to container? | ||
Revision as of 12:31, 5 June 2016
Description
Images in Bootstrap can be made responsive-friendly using the responsive property. This applies max-width: 100%;, height: auto; and display: block; to the image so that it scales nicely to the parent element.
Popovers and Tooltips are supported.
Properties and Methods
Standard properties are supported, plus:
| center | Should image be centered in container? |
| responsive | Should image resize to container? |
| shape | Thumbnail, rounded or circle? |
| src | Image path. Set to empty for none. Can be .png, gif, bmp or jpg. |
Events
Standard events are supported. For this control, the onclick event will be most useful.
Example (Basic)
Function Alert2_onclick() MsgBox "You can display a message or take other action when clicked" End Function
Example (JavaScript)
Alert1.onclick = function() {
NSB.MsgBox("You can display a message or take other action when clicked");
};