Vsebina

Tipografija

Phasellus dui sapien, cursus vulputate tempus nec, cursus sit amet justo. Proin vitae dui porta, dictum enim nec, convallis nunc. Nunc feugiat condimentum nunc quis fermentum. Sed lacinia tincidunt magna, vitae tincidunt augue commodo nec. Mauris rhoncus felis nec velit aliquet egestas. Nullam iaculis pellentesque nulla at ultrices. Pellentesque ut laoreet nibh. Maecenas aliquet erat lacus, nec viverra purus eleifend in.

Naslovi

Ut egestas venenatis est, at lobortis turpis ultrices eu. Aenean ut aliquam magna. Phasellus posuere, sapien at varius ullamcorper, nunc nunc condimentum elit, eget dignissim neque orci sed justo. Aliquam efficitur <h1> tempus <h6> eleifend.

<h1>h1. Bootstrap heading</h1>
<h2>h2. Bootstrap heading</h2>
<h3>h3. Bootstrap heading</h3>
<h4>h4. Bootstrap heading</h4>
<h5>h5. Bootstrap heading</h5>
<h6>h6. Bootstrap heading</h6>

Besedeline oznake HTML5

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Maecenas at nibh lacus.

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>

Koda

Nulla vel rutrum lorem. Aenean at interdum tortor, ac ultricies velit.

Vrstična koda

For example, <section> should be wrapped as inline.

For example, <code> &lt;section&gt; </code> should be wrapped as inline.

Bloki code

Nulla sit amet orci <pre> sed enim cursus hendrerit. Etiam tincidunt, elit non interdum imperdiet, leo felis malesuada dolor, at mollis libero sem id justo. Nulla porttitor ac turpis a elementum .pre-scrollable. Duis sollicitudin tortor ut consectetur elementum. Phasellus accumsan vestibulum gravida. Integer feugiat vel quam eget iaculis.

 <p>Sample text here...</p>
  <p>And another line of sample text here...</p>

<p>Sample text here...</p>
<p>And another line of sample text here...</p>

Slike

Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

<img src="../slike/img1.png" alt="Generična slika 771×250" class="img-responsive">

Pomanjšane sličice (thumbnails)

In addition to our border-radius utilities, you can use .img-thumbnail to give an image a rounded 1px border appearance.

<img src="../slike/img2.png" alt="Pomanjšana generična slika 200×200" class="img-thumbnail">

Zaokrožena slika

Nunc nec vestibulum massa. Cras pretium, ex vel .img-circle pretium consectetur.

Quam dolor pellentesque mi, eget condimentum risus ante at libero.

<img src="../slike/img2.png" alt="Pomanjšana generična slika 200×200" class="img-circle">

Tabele

Nunc feugiat condimentum .table nunc quis fermentum. Sed lacinia tincidunt magna, vitae tincidunt augue commodo nec. Mauris rhoncus felis nec velit aliquet egestas. Nullam iaculis pellentesque nulla at ultrices. Pellentesque ut laoreet nibh. Maecenas aliquet erat lacus, nec viverra purus eleifend in.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

<table class="table">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>