Ich weiß nicht, wie man Listen mit Geschossen zentriert, die mit css verbunden sind

Question

Ich habe das Internet nach einer Antwort auf diese Frage durchforstet, aber habe nichts gefunden, um meine Frage zu beantworten. Das Problem ist, dass ich eine ul mit Aufzählungslisten zentrieren möchte, die nur Bootstrap- und Bootstrap-Klassen und kein anderes CSS in der Mitte meiner Seite verwenden. Ich habe versucht, Klassen wie Text-Center und Text-Block und andere Dinge anzuwenden, aber ohne Erfolg.

<div class="text-center"> 
    <ul> 
     <li><strong>1857</strong>- Birth of Arthur Reuel Tolkien, Tolkien’s father,                   in Birmingham.</li> 
     <li>Item2</li> 
    </ul> 
</div> 

Answer 1

Ich weiß, dass Sie nur Bootstrap verwenden möchten, aber meines Wissens ist das nicht möglich, jedoch können Sie einen Inline-Stil list-style-position: inside; zum ul hinzufügen, die Ihr Problem zu beheben. Siehe Geige: https://jsfiddle.net/c9vuaxrs/

<div class="text-center"> 
    <ul style="list-style-position: inside;"> 
     <li><strong>1857</strong>- Birth of Arthur Reuel Tolkien, Tolkien’s father,                   in Birmingham.</li> 
     <li>Item2</li> 
    </ul> 
</div> 

Answer 2

@ Adam Buchanan Smith Ok, es herausgefunden. Ich musste einfach .container> .row> 12-columns-grid mit Offsets verwenden. Danke für die Hilfe. Und Sie können HTML nur mit Bootstrap verwenden, aber nur mit den vordefinierten Klassen, um die meisten Ergebnisse zu erzielen. Nur eine Referenz für Sie, wenn Sie jemals so etwas mit Bootstrap machen müssen :)