Как применить таблицу Bootstrap ⇐ CSS

[Anonymous]

Я работаю над получением данных из API в формат таблицы с помощью JavaScript. Я получил данные отлично, но не могу применить Bootstrap к заголовку таблицы.

Код: Выделить всё

async function Sports() {
let Api = "https://inshortsapi.vercel.app/news?category=sports";
let result = await (await fetch(Api)).json();

document.write(`   

SR NO
 AUTHOR NAME
CONTENT
DATE 
`);

for (var i = 0; i < result.data.length; i++) {

document.write(`
${i+1}
${result.data[i]["author"]}
${result.data[i]["content"]}
${result.data[i]["date"]}
`)
}
document.write("")
}
Sports();

Код: Выделить всё

Я хочу создать вот такую ​​таблицу [

]
Я не получил желаемого результата и получил таблицу такого типа.



Подробнее здесь: https://stackoverflow.com/questions/787 ... trap-table