css - 根据 Bootstrap 4 中的移动设备更改文本对齐方式

Question

我有一个水平标签和文本字段。当我在小型设备上显示时，它显示如下图..

我想在小型设备中左对齐显示名字。我使用了下面的代码

 <div class="row">
    <div class="col-sm-4 text-right">
        <label for="firstname" class="control-label text-right">First Name :</label>
     </div>
      <div class="col-sm-6">
        <input type="text" class="form-control" placeholder="Enter Your First Name"  />                 
      </div>

请帮助我..

Answer 1

仅使用 Bootstrap

---

<div class="row">
    <div class="col-sm-4 text-md-right text-sm-left" >
        <label for="firstname" class="control-label">First Name :</label>
     </div>
      <div class="col-sm-6">
        <input type="text" class="form-control" placeholder="Enter Your First Name"  />                 
      </div>