Bootstrap class . text-Justify 3 doesn’t line up without any previous inheritance

Asked

Viewed 227 times

1

I inserted a class in a div to justify the internal text but does not respect, and there are no inheritances of classes or higher level elements.

<div class='col-xs-12 col-sm-12 col-md-8 col-lg-6">
    <div class='text-justify'>
        Lorem ipsum is simply dummy text of the printing and typesetting industry. lorem ipsum has been the
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. it has survived not only five centuries... 
    </div>
</div>

Thus remaining:

Texto Lorem Ipsum

And the Firefox element inspector output is like this:

element {
}
.text-justify {
    text-align: justify;
}
html, body, div, applet, object, iframe p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: 'Lato', sans-serif;
    line-height: 21px;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    opacity: 1;
    visibility: visible;
    font-variant-numeric: lining-nums;
    font-feature-settings: 'lnum';
    -moz-font-feature-settings: 'lnum=1';
}
  • Here worked...

1 answer

2


I believe your mistake may be here <div class='col-xs-12 col-sm-12 col-md-8 col-lg-6"> Notice that you open with simple quotes ' and closes with double quotes "

See that below works correctly.

<link rel="stylesheet" type="text/css" media="screen" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
  
  <div class="container">
    <div class="row">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-6">
        <div class='text-justify'>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse atque deserunt accusantium quia recusandae, officia assumenda totam mollitia minima provident voluptatum odit neque fuga aperiam sint iste cupiditate dignissimos, tempora consequuntur suscipit iure ad delectus eius repellat. Incidunt eveniet ducimus magni sunt quasi molestiae, consequatur similique distinctio minima, vitae error.
        </div>
      </div>
    </div>
  </div>

  • Man, today I got my head blown off, second time I’ve been going over code for typo, thanks for your time.

  • @Eliseub. :D has a coffee !

  • rsrsrs podicreh

Browser other questions tagged

You are not signed in. Login or sign up in order to post.