0

I have the following code:

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

What I am finding is that on my laptop, it shows fine as below:

enter image description here

When I minimize my screen, it shows as follows:

enter image description here

Is there a way to gave some gap between Start Date Time and the date/time so they are they are not squished together.

vahdet
  • 6,357
  • 9
  • 51
  • 106
Nate Pet
  • 44,246
  • 124
  • 269
  • 414
  • why don't you add margin to the start date time? I believe you can do this in bootstrap with `mr-3` class. So it would be `
    Start Date Time
    `     – coops Mar 22 '19 at 14:49
  • 1
    @coops Isn't mr-3 in bootstrap 4? – Nate Pet Mar 22 '19 at 15:27
  • ah you're right @Nate Pet – coops Mar 22 '19 at 15:29
  • Possible duplicate of [Does bootstrap have builtin padding and margin classes?](https://stackoverflow.com/questions/32233489/does-bootstrap-have-builtin-padding-and-margin-classes) – coops Mar 25 '19 at 13:14

0 Answers0