div mit punkten auffüllen

[Linuchs]

Da ein DIV eine Fläche ist, hatte ich es so verstanden, dass du die "sprenkeln" willst. Aber du möchtest nur eine gepunktete Linie.

.col-sm-11 {
  margin-bottom: 1px dotted #888;  /* oder dashed */
}

<div class="col-sm-11">Frage 1</div>

Wenn du nur den leeren Teil punkten willst, muss der (weiße) Hintergrund des Textes die Linie überdecken:

.col-sm-11 {
  border-bottom: 1px dotted #a00;
}
.col-sm-11 div {
  display: inline-block;
  background-color: #fff;
  padding-right: .5em;
  margin-bottom: -1px;
}

<div class="col-sm-11"><div>Frage 1</div></div>

Gruß, Linuchs