html5 - twitter bootstrap - increasing the height of a form field to match button -
I am trying to enlarge the height and font size of my search bar with the twitter bootstrap ... also work In responsive mode
& lt; Div class = "hero-unit center" & gt; & Lt; H2 & gt; Search & lt; / H2 & gt; & Lt; Form class = "form-search" & gt; & Lt; Div class = "input-append" & gt; & Lt; Input type = "text" category = "span6 search-query" placeholder = "write here ..." & gt; & Lt; Button type = "submit" class = "btn btn-big" & gt; & Lt; I class = "icon-search" & gt; & Lt; / I & gt; Search & lt; / Button & gt; & Lt; / Div & gt; & Lt; / Form & gt; & Lt; / Div & gt; This is the fact that using the BTN-Large square on the button im but it is not known that there is a common way to make the search field larger too .. < P> There will be great gratitude for any assistance.
No, there are only classes for size and alignment for text input and you can only add BTN-bigger joint Because it has been ignored, however, inline in input with the same attributes as BTN-Large
style = "padding: 11px 19px; font-size: 17.5px; Add CSS; " or in a CSS class
input.edit-BTN-large {padding: 11px 19px; Font size: 17.5px; } & Lt; Form class = "form-search" & gt; & Lt; Div class = "input-append" & gt; & Lt; Input type = "text" class = "span6 search-query btn-big" placeholder = "type here ..." style = "padding: 11px 19px; font-size: 17.5px;" & Gt; & Lt; Button type = "submit" class = "btn btn-big" & gt; & Lt; I class = "icon-search" & gt; & Lt; / I & gt; Search & lt; / Button & gt; & Lt; / Div & gt; & Lt; / Form & gt; exactly aligns: -)
Comments
Post a Comment