ラベルとフィールド（入力用のラッパー）が同じ行に表示されないのはなぜですか？ブートストラップを使用する理由これらのラベルと入力コントロールが同じ行に表示されない理由
私はここで見つける簡単な手順以下だと信じています：https://www.w3schools.com/bootstrap/bootstrap_grid_medium.asp
<div className="container">
<div className="row">
<label htmlFor="something" className="col-sm-2 col-form-label">Somethingwefwef</label>
<Field className="col-sm-10" name="something" type="text" component="input" className="form-control" />
</div>
</div>
をあなたの全体のマークアップには問題があります。チュートリアルに注意深く従ってください。
あなたはこの
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
</style>
</head>
<body>
<div class="container">
<div class="row">
<label For="something" class="col-sm-2 form-label">Somethingwefwef</label>
<input class="col-sm-10" name="something" type="text" class="form-control" />
</div>
</div>
</body>
</html>
おかげのようにそれを行う必要があります。私のコードはjsxですが、まだ問題がありますが、あなたは私が近づくのを手伝ってくれました。このスニペットは、クラス名が指定されたdivタグの中にあります。残念ながら、入力ボックスはラベルの一部をカバーしていますが、同じ行にあります。 – Dranyar
私は問題を認識しました。誰かが、コンテナのブートストラップクラスを、Webアプリケーションによって取り込まれたローカルのスタイルシートの中で再び定義することによって、ハックとして無効にしました。 UGH !!! – Dranyar