Я использую Bootstrap 4 размер группы ввода , но я использую его в библиотеке ReactStrap .
Я могу определить входные размеры в начальной загрузке ядра следующим образом:
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text" id="inputGroup-sizing-lg">Large</span>
</div>
<input type="text" class="form-control" aria-label="Large" aria-describedby="inputGroup-sizing-sm">
</div>
и в ответном ремне вот так:
<div>
<InputGroup size="lg">
<InputGroupAddon addonType="prepend">@lg</InputGroupAddon>
<Input />
</InputGroup>
</div>
Можно ли изменить размер рядом с CSS для проверки носителя? Например, col-md-12
, чтобы у нас был большой ввод на экране среднего размера (например, input-group-md-lg
) или небольшой ввод на небольших устройствах (например, input-group-xm-sm
)?