Bootstrapで、すべての要素を同じ行に保持するにはどうすればよいですか？
メアリー
私はここにJSFiddleを持っています：
https://jsfiddle.net/t5sbzdxr/
<div></div>タグ間に連続した要素がありますが、それらはすべて異なる行に表示されます。
関連するコードは次のとおりです。
<div class="col-10 d-inline">
<input type="text" class="form-control form-control-sm d-inline" style="width: 40px;"> <label class="col-form-label col-form-label-sm d-inline"> days </label>
<select type="field" class="form-control form-control-sm ml-2" style="width:210px">
<option value="each">each </option>
</select>
<button type="button" class="btn btn-sm btn-primary ml-auto"> My Button </button>
</div>
すべての要素を同じ行に表示するにはどうすればよいですか？
編集：明確にするために、私は要素を左揃えにすること、つまり互いに面一に座っていることに興味がありません。すべての要素を1行にまとめたいと思います。
LukášGiboVaic
ここでの問題は、選択の幅が210pxで、表示ブロックがある（行に配置しようとする）ため、選択してdisplay:inlineその幅について何かを行うか、親divを作成してflexを表示する（最初の解決策が優先されます）
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
Bootstrap 4の列をすべて同じ高さにするにはどうすればよいですか？
- 2
Bootstrap 4の列をすべて同じ高さにするにはどうすればよいですか？
- 3
Bootstrap 4の列をすべて同じ高さにするにはどうすればよいですか？
- 4
Bootstrap 4の列をすべて同じ高さにするにはどうすればよいですか？
- 5
Bootstrap 4の列をすべて同じ高さにするにはどうすればよいですか？
- 6
Bootstrap 4の列をすべて同じ高さにするにはどうすればよいですか？
- 7
すべてのボタンを同じ行に配置するにはどうすればよいですか？
- 8
列のすべての要素に同じ行をアタッチして、2D配列を作成するにはどうすればよいですか？
- 9
Bootstrap列をすべて同じ高さにするにはどうすればよいですか？
- 10
pandasデータフレーム行に同じIDを持つすべての要素を追加するにはどうすればよいですか？
- 11
対応するすべてのIDがmysqlで同じである場合、すべての行を削除するにはどうすればよいですか？
- 12
同じ親の値で同じレベルのすべての既存の要素を更新するにはどうすればよいですか？
- 13
これらの2つの要素を同じ行に作成するにはどうすればよいですか？
- 14
同じ行の複数の配列に要素を追加するにはどうすればよいですか？
- 15
すべての要素が同じである場合、特定の要素の値を変更するにはどうすればよいですか？
- 16
すべての反復に同じ遅延を指定するにはどうすればよいですか？
- 17
同じ列からすべての値を取得するにはどうすればよいですか？
- 18
同じ時系列のすべての値を選択するにはどうすればよいですか？
- 19
同じクラスの各要素に対して同じ関数を次々に実行するにはどうすればよいですか？
- 20
同じ値の要素を並べ替えるにはどうすればよいですか
- 21
すべての要素に同じスロット要素を使用するにはどうすればよいですか？
- 22
行の値に基づいて、1つの識別子のすべての値を同じにするにはどうすればよいですか？
- 23
すべて同じ名前のテーブルを削除するにはどうすればよいですか
- 24
divとlabelを同じ行に保持するにはどうすればよいですか？
- 25
親divに応じて同じ行のすべての画像を拡大縮小するにはどうすればよいですか？
- 26
同じ行の凡例タグの3つの要素を揃えるにはどうすればよいですか？
- 27
すべて同じXSLFO要素のスタイルを設定するにはどうすればよいですか？CSSのようなXSLFO？
- 28
すべての行の列の値が同じかどうかを確認するにはどうすればよいですか？
- 29
列挙型から同じタイプのIEnumerable配列にすべての要素を一覧表示するにはどうすればよいですか？
コメントを追加