Печать: Div рядом
Мне нужна твоя помощь. У меня есть форма, в которой есть 2 div рядом (слева и справа), как 2 столбца.
<div class = "row">
<div class = "col-lg-12" id = "printable">
<div class = "col-lg-6">
<form role = "form"></form>
</div>
<div class = "col-lg-6">
<form role = "form"></form>
</div>
</div>
</div>
и у меня есть два javascript для печати этих div
<script type = "text/javascript">
function printDiv_1(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
function PrintDiv_2() {
var divContents = document.getElementById("printdivcontent").innerHTML;
var printWindow = window.open('', '', 'height=200,width=400');
printWindow.document.write('<html><head><title>Print DIV Content</title>');
printWindow.document.write('</head><body >');
printWindow.document.write(divContents);
printWindow.document.write('</body></html>');
printWindow.document.close();
printWindow.print();
}
но формат результата в файле pdf всегда последовательность, сверху вниз страницы. Получается 2 ряда.
как побороть эту проблему? Думаю, в javascript есть что-то, чего мне не хватает.
Благодарю в Adv.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
<div class = "row" id = "printable">
<div class = "col-lg-6">
<form role = "form"></form>
</div>
<div class = "col-lg-6">
<form role = "form"></form>
</div>
</div>
Если вы сделаете столбец (col-lg-12) после класса строки, строка станет бесполезной.
На самом деле, в html уже есть 2 столбца (1 строка), но, опять же, в формате pdf, он становится 1 столбцом и 2 строками.
Потому что col-lg-12
Как эквивалент размера строки BootStrap.
Все классы colomn вроде
col-md-12 , col-sm-12, col-xs-12
Все они будут действовать одинаково на разных размерах.
И не забывайте, если вы хотите, чтобы несколько элементов были в одной строке, сделайте общее количество равным 12.
Например,
col-md-6 and col-md-6
col-md-4 and col-md-8
Итак, общая сумма двух col-*-* равна 12, и они будут стоять рядом.
Если сумма элементов больше 12, последующий элемент будет располагаться прямо под первым элементом.
да, я согласен с твоим ответом. Но в формате pdf он становится 2 строкой и 1 столбцом. Есть идеи с этим?
Думаю, причина та же. Когда первая строка заполнена, следующий элемент переходит в новую строку [независимо от того, сколько содержимого она содержит]
это действительно важно? Я получаю пример из этого ссылка на сайт, Вложенные столбцы. И он отлично работает