Bootstrap datepicker регулирует положение и размер на маленьком экране браузера

Question

Мой DatePicker Bootstrap в настоящее время отображается в левом нижнем углу текстового поля, это нормально в обычном окне браузера. Но проблема возникает, когда окно браузера становится маленьким или изменяется. Я хочу, чтобы указатель даты отображался в верхнем левом углу, когда окно браузера стало маленьким. Также на маленьком экране я хочу, чтобы указатель даты также становился маленьким, но он должен быть читаемым и хорошо выглядеть

Любая помощь будет принята с благодарностью

Answer 1

Вы хотите использовать медиазапросы CSS для разных разрешений.например.

@media (min-width: 768px) {
    .some-class {
        float: right;
        width: some_width;
        height: auto;
    }     
}

@media (min-width: 481px) and (max-width: 767px) {
    .some-class {
        float: left;
        width: some_smaller_width;
        height: auto (or some specific height);
    }
}

подробнее: w3schools / mediaqueries