html - 如何使列表组（引导程序）仅占用少量空间但仍保持中心

Question

所以我有一组由日期分隔的列表组。我正在尝试使列表组居中，以便我可以开始销售横幅广告，因为我没有资格使用 AdSense。我可以把它变小，但是列表没有居中。谢谢你的帮助！

代码来自以下 JavaScript：

function getSongList(xml) {
  var x, i, xmlDoc, txt, j;
  xmlDoc = xml.responseXML;
  txt = "";
  x = xmlDoc.getElementsByTagName("DAY");



  for(j = 0; j<=x.length; j++){
    txt = "";
    z = x[j].getElementsByTagName("SONGNAME");
    y = x[j].getElementsByTagName("ARTIST");
    w = x[j].getElementsByTagName("DATE");
    p = x[j].getElementsByTagName("LINK");

    var date = document.createElement('h1');
    date.className = 'date'
    var date_id = 'date' + j
    date.id = date_id;
    var body = document.querySelector('body');
    body.appendChild(date);
    var date_data = w[0].childNodes[0].nodeValue;
    document.getElementById(date_id).innerHTML = date_data;


    for (i = 0; i< z.length; i++) {
      txt += "<a href=" +  p[i].childNodes[0].nodeValue;
      txt += "class='list-group-item'>";
      txt += "<b>";
      txt += z[i].childNodes[0].nodeValue;
      txt += "</b>";
      txt += " - ";
      txt += y[i].childNodes[0].nodeValue;
      txt += "</a>";

    }

    var div = document.createElement('div');
    div.className = 'list-group';

    var div_id = 'list' + j;
    div.id = div_id
    var body = document.querySelector('body');
    body.appendChild(div);


    document.getElementById(div_id).innerHTML = txt;
  }

}

它使用引导元素列表组。

标签： htmlcsstwitter-bootstrap