Использование bootstrap Почему эти элементы управления метками и входами не отображаются в одной строке

Почему метка и поле (только оболочка для ввода) не отображаются в одной строке?Использование bootstrap Почему эти элементы управления метками и входами не отображаются в одной строке

Я считаю, что я, следуя простым инструкциям, приведенным здесь: 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>

источник

2017-02-23 Dranyar

вся ваша наценка является проблематичным. Постарайтесь внимательно изучить учебник.

Вы должны сделать это как этот

<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>

источник

2017-02-23 04:15:57 neophyte

Спасибо. Мой код jsx и все еще имеет проблему, но вы помогли мне приблизиться. Этот фрагмент находится внутри нескольких тегов div с указанными именами классов. К сожалению, окно ввода теперь покрывает часть метки, но они находятся в одной строке. – Dranyar

Хорошо, я понял свою проблему. Кто-то отключил класс bootstrap контейнера в качестве взлома, указав его снова в локальной таблице стилей, которая загружается веб-приложением. UGH !!! – Dranyar

Использование bootstrap Почему эти элементы управления метками и входами не отображаются в одной строке

ответ

Смежные вопросы