Buen dia.
Intento acomodar en toda una columna izquierda el menu de botones, y en el apartado derecho muestre el visor de PDF al dar clic los botones.
No logro hacer que se acomode todo el menu izquierdo, me queda asi como en la imagen...
y lo que busco es que quede asi....
Si me pudieran ayudar a acomodarlo, ya intente de varias maneras. Gracias El codigo es
<div class="container-fluid">
<div class="row content">
<div class="col-xs-2 col-sm-3 col-lg-2 sidenav textarbol" >
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Tutorials
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="#">HTML</a></li>
</ul>
</div>
</div>
</div>
<div class="row content">
<div class="col-xs-2 col-sm-3 col-lg-2 sidenav" >
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Tutorials
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a tabindex="-1" href="#">HTML</a></li>
</ul>
</div>
</div>
</div>
<!--CONTENIDO DERECHO -->
<div class="col-xs-12 col-sm-12 col-lg-10">
<div class="col-xs-6 col-sm-6 col-lg-12" align="center">
<object data="aa.pdf" type="text/html" style="width:80%;height:100vh;">
</object>
</div>
</div>
</div>