Hallo Zusammen :)
Ich habe eine Input Group und ein Dropdown, und möchte diese gerne nebeneinander haben..
Hier ist mein Code:
(Ich nutze Bootstrap)
Wie kriege ich nun alles auf eine Reihe?
LG Luca
Ich habe eine Input Group und ein Dropdown, und möchte diese gerne nebeneinander haben..
Hier ist mein Code:
HTML:
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">All <span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">All</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button" style="width:100px">Search</button>
</span>
</div>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Add Filter <span class="caret"></span></button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a href="#">Name</a></li>
</ul>
</div>
Wie kriege ich nun alles auf eine Reihe?
LG Luca