2 выравнивания по левому краю ставят проблему, когда свернуты

Question

У меня есть следующий код:

<tr>
    <td>
        <div class="row show-grid">
            <div class="col-sm-3">
                <div class="pull-left">Start Date Time</div>
            </div>
            <div class="col-sm-9">
                <div class="pull-left">@(item.StartDateTime.ToClientDateTime(tz))</div>
            </div>
        </div>
    </td>
</tr>

Я обнаружил, что на моем ноутбуке он показывает нормально, как показано ниже:

Когда я сворачиваю свой экран, он показывает следующее:

Есть ли способ дать некоторый разрыв между датой начала и временемдата / время, поэтому они не сплющены вместе.