の同じ行でそのラベルは、私は、次のHTMLコードを持っています。私は、stackoverflowから同様の質問からソリューションを適用しようとしました。 white-space: nowrap
のスパンは機能しません。どちらもclass="form-inline"
か、この質問の回答はありません:Keep buttons and form with select dropdown on same row in Bootstrap 3どうすれば解決できますか?ここで選択フォームとbootstrap3
2
A
答えて
6
が一つの方法です:
Bootply:http://www.bootply.com/YzaMGyRq99
CSS:
select.form-control{display:inline-block}
HTML:
<div class="col-sm-4">
<div class="form-group">
<span style="white-space: nowrap">
<label for="size">Board size:</label>
<select class="form-control" id="size" style="background-color: black; color: silver">
<option>small</option>
<option>medium</option>
<option>large</option>
<option>huge</option>
</select>
</span>
</div>
</div>
3
あなたは、これは正しい方法で、受け入れ答えなければなりません。この
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body>
<form class="form-inline">
<div class="form-group">
<label for="size">Board size:</label>
<select class="form-control" id="size" style="background-color: black; color: silver">
<option>small</option>
<option>medium</option>
<option>large</option>
<option>huge</option>
</select>
</div>
</form>
</body>
</html>
関連する問題
- 1. フォーム選択ボックス
- 2. 選択フォーム
- 3. Laravelフォームの選択フォーム
- 4. 従属選択フォーム
- 5. スタイリング選択フォーム(ドロップダウン)
- 6. Djangoフォームの選択
- 7. 選択ヘルパー選択した値と、ネストされたフォームは
- 8. PHPとHTMLフォームの選択リスト
- 9. JavaScriptとフォームの選択関係
- 10. Python Mechanize選択フォームFormNotFoundError
- 11. ドロップダウンオプションを選択し、フォーム
- 12. ピクセル選択フォームwinform vb.net
- 13. Rails複数の選択フォーム
- 14. Ruby on Rails:フォームの選択
- 15. Google Chrome HTMLフォームの選択
- 16. emacsでclojureフォームを選択
- 17. Rails 3. HABTMフォーム選択ドロップダウンメニュー
- 18. フォームを選択し、レール
- 19. JSPフォーム選択タグは、
- 20. フォームの検証:選択
- 21. プレイフレームワークのタイプ選択JSONフォーム
- 22. フォームを選択する
- 23. フォーム選択のマージ値
- 24. Laravel - 複数選択フォーム
- 25. フォームからオプションを選択
- 26. Winフォーム:複数選択ボタン
- 27. 使い方Bootstrap3と同じスタイル2.3.2 Bootstrap3で
- 28. 複数の選択編集フォームの選択された値
- 29. Djangoフォームが有効な選択を選択
- 30. シンプルなフォーム:バインドコレクションの値を選択して選択
をしたいです。 –