html5 - How to display two fields inline in bootstrap? -


I have a forw in which I need to display two fields with each other: select + input . My code is:

  & lt; Div role = "form" & gt; & Lt; Div class = "form-group" & gt; & Lt; Input type = "text" class = "form-control" placeholder = "Enter date" id = "map-filter-input-date" & gt; & Lt; / Div & gt; & Lt; Div class = "form-group" id = "map-filter-select-track" & gt; & Lt; Select class = "form-control" class = "display-inline-block" & gt; & Lt; Options & gt; Select date & lt; / Options & gt; & Lt; / Select & gt; & Lt; Input type = "text" class = "form-control" placeholder = "Enter date" & gt; & Lt; / Div & gt; & Lt; Div class = "form-group" id = "map-filter-select-track" & gt; & Lt; Select class = "form-control" & gt; & Lt; Options & gt; Select date & lt; / Options & gt; & Lt; / Select & gt; & Lt; Input type = "text" class = "form-control" placeholder = "Enter date" & gt; & Lt; / Div & gt; & Lt; Button type = "submit" class = "btn btn-default" & gt; Submit & lt; / Button & gt; & Lt; / Div & gt;   

It looks like this:

image description Enter here

It is shown in black where it should be. Is it possible to do this with default bootstrap classes? Add

from the bootstrap dock:

. You will also need to set custom width to your form elements, see the details

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -