/CSS/Bootstrap/Text align left bootstrap

Text align left bootstrap

Font weight bootstrap class

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>
<p class="font-italic">Italic text.</p>

Source: getbootstrap.com

Bootstrap text align

<p class="text-left">Left aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-right">Right aligned text on all viewport sizes.</p>

<p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>

Source: getbootstrap.com

Text -center bootstrap

<div class="col-lg-6 col-md-6 col-12">
  <div class="input-group mb-3">
    <div class="input-group-prepend">
      <select class="form-control select2bs4" name="country_code" id="country_code" style="width: 100%">
        <option value="+91">+91</option>
        <option value="+351">+351</option>
        <option value="+1">+1</option>
      </select>
    </div>
    	<input type="text" name="user" class="form-control" placeholder="Email Or Mobile Number">
    </div>
</div>

Text align left bootstrap

.content{
  text-align: left;
}

Similar codes

-2 votes169 views2 answers
How will it look when there is a container inside a a row bootstrap
Javascript Bootstrap
0 vote181 views1 answer
Filter bootstrap
Javascript Bootstrap
0 vote158 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
0 vote167 views1 answer
How to convert json to bootstrap treeview format
Javascript Bootstrap
1 vote185 views3 answers
Copy text on click bootstrap
Javascript Bootstrap
22 votes174 views2 answers
React-bootstrap example
Javascript Bootstrap
0 vote170 views1 answer
Sorting disable in datatable bootstrap
Javascript Bootstrap
-1 vote182 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
3 votes176 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
0 vote184 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap