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: -)

image Enter details I <responsive> </ p> <p> <strong> update </ strong> </ p> <hr> <p> I have messed up with responsive design, like <code> @ media All {} </ code> and so on, but do not really feel anything to work on However, just remove <code> span6 </ code> from class declaration (I do not know why this is <code> & Lt; Input & gt; </ code> -element should be in any way) and it Works in all offers! </ P> <p> Like </ p> <Pre> <code> Input. Edit-BTN-Large (font-size: 17.5px; padding: 11px 19px;} </ Code> </ Pre> <p> and </ p> <pre> <code> & lt; input type =

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -