トリガーボタンを使用してブートストラップドロップダウンを整列する方法

Question

テキストを同じ行にドロップダウンボタンの前に置く場合、ドロップダウンを適切に整列させるにはどうすればよいですか？このhtmlを使用すると、divの左端（つまり「選択」という単語）に合わせられます。しかし、スパンをドロップダウン・ディビジョンの外側に置くと、divは新しいラインを開始します。

<div class="dropdown"> 
    <span>Choose: </span> 
    <button class="btn btn-default dropdown-toggle" type="button" id="choice-dropdown" data-toggle="dropdown">Choice 
     <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" aria-labelledby="choice-dropdown" id="choice-dropdown-list"> 
     <li><a href="#">a</a></li> 
     <li><a href="#">b</a></li> 
     <li><a href="#">c</a></li> 
    </ul> 
</div> 

Answer 1

ドロップダウンのdivにこれを追加し、外部へのスパンを移動：

<span>Choose: </span><div class="dropdown" style="display:inline-block;">