This example shows how Bootstrap Cards work in Article. Click the add button to open the addbar and insert the card.
<!DOCTYPE html>
<html>
<head>
<title>Article Editor</title>
<meta charset="utf-8">
<!-- css -->
<link rel="stylesheet" href="/your-article-dist-path/article-editor.min.css" />
</head>
<body>
<!-- element -->
<textarea id="entry">
<p>Content</p>
</textarea>
<!-- js -->
<script src="/your-article-dist-path/article-editor.min.js"></script>
<!-- call -->
<script>
ArticleEditor('#entry', {
css: ['/your-article-dist-path/arx-frame.min.css'],
custom: {
css: ['/path-to-bootstrap/bootstrap.min.css']
},
addbarAdd: ['card'],
card: {
template: '...html code of card...'
}
});
</script>
</body>
</html>