Я работал с Bootstrap Grid и сделал макет. Я хочу напечатать точно то же, что отображается на веб-странице, тот же макет без изменений. Я пытаюсь использовать какой-то метод печати, используя javascript для добавления пользовательских кодов CSS, но все напрасно.
Вот мой образец макета (Fiddle), который я хочу напечатать точно так же. https://jsfiddle.net/arslanahmedawan/x789ofnt/
Последний отпечаток JavaScript Код, который я пробовал, был ...
<script>
var all_source_content = document.documentElement.innerHTML;
var DocumentContainer = document.getElementById('main_container');
var WindowObject = window.open('', 'PrintWindow', '');
WindowObject.document.writeln('<!DOCTYPE html>');
WindowObject.document.writeln('<html><head><title></title>');
WindowObject.document.writeln('<link rel="stylesheet" href="https://getbootstrap.com/docs/3.3/dist/css/bootstrap.min.css">');
WindowObject.document.writeln('<style></style>');
WindowObject.document.writeln('</head><body>');
console.log(DocumentContainer.innerHTML);
WindowObject.document.writeln(DocumentContainer.innerHTML);
WindowObject.document.writeln('</body></html>');
WindowObject.document.close();
WindowObject.focus();
WindowObject.print();
</script>
Но это также не помогло мне. Пожалуйста, помогите.
Важно: Мой желаемый макет: https://i.imgur.com/GSdeV00.png