How can I change the default width of a Twitter Bootstrap modal box?

Answer 1

Preserve the responsive design, set the width to what you desire.

.modal-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 360px;
}

Keep it simple.