嵌入pdf以使宽度动态填充col-sm-6

Question

我知道有很多关于嵌入pdf的问题，而且这个问题有所不同，因为我专注于将我的pdf的宽度动态扩展到bootstrap的宽度＆＃34; col-sm-6＆ ＃34;我想要pdf里面。

我玩过embed，pdf.js，readstep2.html和google pdf viewer。 但是，所有这些似乎都需要某种宽度和高度。设置。

在一个完美的世界里，我想要一个单独的pdf窗口，底部有一些页面左/右按钮，显示完整的pdf高度，并动态增长和缩小，以便宽度始终填充＆ ＃34; COL-SM-6＆＃34;它内部的元素。这是我目前的代码：

<div class="col-sm-6">
                    <p>Filler text here</p>
                    <br>
                    <audio controls>
            <source src="media/song.mp3" type="audio/mpeg">Your browser does not support the audio element.
                    </audio>
                    <br><br>
                    <embed src="media/song.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">


                    </div>

感谢您提供的任何帮助！