/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

34 votes169 views6 answers
Border bootstrap
Javascript Bootstrap
9 votes189 views2 answers
Bootstrap cheat sheet
CSS Bootstrap
0 vote194 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript Bootstrap
55 votes279 views5 answers
Bootstrap 3 button
CSS Bootstrap
33 votes202 views6 answers
Angular add bootstrap
Javascript Bootstrap
0 vote196 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
2 votes190 views2 answers
Bootstrap modal show on page load without jquery
Javascript Bootstrap
118 votes294 views6 answers
Instalar bootstrap en react
Javascript Bootstrap
43 votes195 views6 answers
Add bootstrap to angular
Javascript Bootstrap
2 votes209 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap