Vestibulum vel Pellentesque rhoncus nulla vitae at a pede et Maecenas. Consequat ligula dis Sed feugiat tempor vestibulum Suspendisse sociis odio interdum.
Ut nunc ligula et nibh Proin lacus id tincidunt platea vel. Ultrices elit volutpat pede est porttitor at lacinia habitasse sagittis convallis.
TIPS: Create lighter, secondary text in any heading with a generic <small> tag or the .small class.
<small>
.small
This is a lead paragraph. Make a paragraph stand out by adding .lead.
.lead
Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus.
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
The following snippet of text is rendered as bold text.
The following snippet of text is rendered as italicized text.
An abbreviation of the word attribute is attr.
This is a .mute paragraph.
.mute
This is a .text-primary paragraph.
.text-primary
This is a .text-warning paragraph.
.text-warning
This is a .text-danger paragraph.
.text-danger
This is a .text-success paragraph.
.text-success
This is a .text-info paragraph.
.text-info
This is a left aligned text .text-left
.text-left
This is a center aligned text .text-center
.text-center
This is a right aligned text .text-right
.text-right
This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with .text-justify class.
.text-justify
This is a <blockquote> in a <.well>. Quote's author in Source Title
This is a <blockquote> in a <.well>.
<blockquote>
<.well>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Quote's author in Source Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.
GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Call to Action
Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more.
By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.
With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Button Button
Donec id elit non mi porta gravida at eget metus risus varius blandit.
Donec id elit non mi porta gravida at eget metus.
Geography ipsum dolor sit amet consectetuer suspendisse elit justo turpis tellus. Vestibulum nibh molestie nisl tempus maecenas mauris pretium.
Sosiologi
Silahkan berkunjung ke Jurusan kami
Sosiologi
Silahkan berkunjung ke Jurusan kami