DEV Community

Zen
Zen

Posted on

1

Bootstrap 3 dalam Pug

Warna

Warna Kode
Merah .*-danger
Kuning .*-warning
Hijau .*-success
Biru .*-info

Modal

.modal
  .modal-dialog
    .modal-content
      .modal-header
      .modal-body
      .modal-footer
Enter fullscreen mode Exit fullscreen mode

Panel

.panel.panel-default
  .panel-heading
  .panel-body
  .panel-footer
Enter fullscreen mode Exit fullscreen mode

Container

.container
Enter fullscreen mode Exit fullscreen mode

Navbar Fixed Top

.navbar.navbar-default.navbar-fixed-top
  .container
    .navbar-header
      a.navbar-brand
Enter fullscreen mode Exit fullscreen mode

Progress

.progress
  .progress-bar.progress-bar-default
Enter fullscreen mode Exit fullscreen mode

Form

form
  .form-group
    label
    input.form-control
Enter fullscreen mode Exit fullscreen mode

List Group

.list-group
  a.list-group-item
Enter fullscreen mode Exit fullscreen mode

Alert

.alert.alert-warning.alert-dismissible
  .close(data-dismiss=".alert") ×
Enter fullscreen mode Exit fullscreen mode

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (0)