Search code examples
twitter-bootstrapdivshot

how to resize Text field and Dropdown in DivShot?


with Divshot, i added some form fields such as Text filed, or Dropdown menu to my field. however, i have no idea on how to resize these components: the text box is too short, while the dropdown menu is too long.

an example is the text field like below where i have no idea how to set the size

<input class="input-medium" type="text">

how can i change the size of this?

thanks a lot


Solution

  • In Divshot, you can change the size of the input in the 'inspector' section. This lets you select the Bootstrap defined inputs.. input-large, input-xlarge, etc..

    You could also define a custom CSS class and use it to specify the width of your input. Then assign the custom (you can name it anything) class to your input..

    <input class="input-large custom" type="text">
    

    Here's an example on Bootply