footer放错了位置吧

modal写错了  你写成了model

<li><a href="#" data-doggle = "modal" data-target = "#about">作者</a></li>

楼主把 data-toggle 写成 data-doggle 了 

正确的 模态框的属性是 ：data-toggle 

意思, 我知道, 但是说的是和其他的没什么区别, 都一样的效果

可能是姿势不对

其他的结构会有作用吗，如果没有，看看是否是body设置了width 100%

下面的的代码加到CSS文件中就可以了

 html{overflow-y:scroll;}

是一个写在bootstrap框架内部的一个方法哈，他直接拿来调用了

我的也是这样

给img标签加个class=“img-responsive”

可以设置outline：none;来去除

是因为遮罩层让页面多余部分隐藏，从而右侧没有向下滚动条了。所以看起来页面微微向右移动了···

可能并没有把弹出框部分放在class="container"中，有一个15px 的偏移

求明指，谢谢！

http://v3.bootcss.com/javascript/#modals

点击哪里？

可以用超链接，也可以在js中添加事件跳转到新的地址

将以下的代码放在window.onload中就行了：

$('#myModal').modal('show');

错位？不是错位吧？是浏览器右侧的滚动条隐藏/显示

老师加的是pull-right相当于（float:right）
一般默认的，对象是从左向右依次排列
靠左的话，就不需要加了，因为这是默认的

只是一种写法，并不是id名，我以前都是直接“#”键的，这次见老师加个top,也不奇怪啦，原理不懂，没查过，有结果就okl 

<div class="modal fade" id="about">
   <div class="modal-dialog">
       <div class="modal-content">

代码中类名 .modal-dialog和 .modal-content 不能少，这两个是必须有的

可以在bootstrap.js文件900行后面添加如下代码，便可以实现垂直居中。

that.$element.children().eq(0).css("position", "absolute").css({
          "margin":"0px",
          "top": function () {
              return (that.$element.height() - that.$element.children().eq(0).height()-40) / 2 + "px";
          },
          "left": function () {
              return (that.$element.width() - that.$element.children().eq(0).width()) / 2 + "px";
          }
      });