html5 - How to display two fields inline in bootstrap? -
I have a forw in which I need to display two fields with each other: It looks like this: 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 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;
Comments
Post a Comment