使用bootstrap实现左侧菜单栏，右侧其他页面

在网上找了很多的这样的案例，但都挺复杂的，看的还累，然后在bootstrap看到了这样一个东西，看下图：
然后就自己运用了一下，效果如下图：
虽然在bootstrap中的只有iframe只有16：9和4：3两种格式，但是可以自己调整，给div一个宽高，然后设置iframe占满整个div，然后通过js赋给iframe链接进跳转，不需要通过java控制，但我不知道这样会不会有什么bug：



可能唯一不好的就是，有几个页面，就需要写几个类似于这样的代码$(".menuset").on("click",function(){ $(".embed-responsive-item").attr('src',"login"); });
但想来加起来也不会太多。不知道这样子做会不会有什么问题，只是想到了就给它写出来了