How to make input text bigger in bootstrap css framework?


Tags: css,twitter-bootstrap,textbox

Problem :

I have a bootstrap textbox like this:

 <input type="text" class="span9" required name="input_text"/>

I want my input box to be of height 300px. For the width, span9 handles it. I used Inspect element in Chrome and overwrite the css like this:

input.span9, textarea.span9, .uneditable-input.span9 {
width: 852px;
height: 300px;

The text box looks good with the required height and width. But the problem is I can only type in the small portion in between the large text box. I want user to be able to type in the whole text box and even if textbox is not enough, I want to show the scrolling. How's that possible?



Solution :

Per my comment, it's a quick fix. Use a <textarea> instead of <input> and it will function the way you described.


    CSS Howto..

    How to make drop down show 2 columns

    How to make a CSS mega menu be on the full width of the page? (998px, but in the middle?)

    how to position several div tags over each other

    How to remove left and right margin on first and last div

    How can i make this css star smaller?

    How to trigger css3 rotate effect by clicking?

    How to inject css into a document via ajax?

    how to apply ellipse effect in which contain space in string?

    How to fit two divs side by side horizontally?

    JQuery: how to make this variable negative before declaring it as a CSS value?

    How to avoid universal Rule CSS Asterisk(*)?

    TUMBLR CSS - How to move the caption on the permalink page to the right of the image

    How to get CSS table-cell to 100% for responsive design [closed]

    How to change CSS of an element on hide/show of another element(without custom events)?

    How to have fluid height in css?

    How to wrap or label all divs like files in opertaing systems (jQuery) [closed]

    Codeigniter shows views differently when index is removed

    How to animate to position fixed?

    jQuery Slideshow in Chrome, Firefox, and Safari

    How to create custom border style in JavaFX CSS?

    How do I select this Div with CSS

    how to align elements using css in angular typeahead

    How do I spilt the footer into different widths?

    How to create gradient background with CSS in Firefox < 3.6?

    How to make 1 css value dependent on another?

    How to get ID from CSS to Javascript without getElementByID?

    How do you fade horizontal text into a vertical gradient?

    How can I style html/form elements using CSS?

    Finding how many letter div fit

    How do I place text to the right of a relatively positioned image?