对于焦点问题我这这样理解的：

1. 从讲解的代码中可以看出

对于type="text"的焦点是添加在类名form-control上的。因为输入框需要这个类名来控制样式。

对于type="radio"、type="checkout"、type="file"它们的焦点是添加在input[**]属性选择上的(这也就说明是不需要form-contrl类名的)

2. 焦点的作用

对于text、button他是有实际显示效果的，比如蓝色的边框

对于radio、checkbox它们的效果就是当你点击框后面的文字同样也可以选择中。比如，当你点击"爱好"时也可以把复选框选中。但是并不会看到什么明显样式。

我也是刚学，但是看了下你的代码，用法有点问题。

1. 在例子中<input class="form-control" type="text" >这个输入框中的form-control是为了让输入框在不同风格的表格中不会出错所以加的。见3-4的讲解。

2. 在radio和checkbox中并不需要加入form-control类名。你加入了这个类名所以导致单选框和复选框出现了样式的不正确，对于flie类型也是同理。

3. 在代码中使用了`radio-inline`和`checkbox-inline`，但是你加到了DIV上。你可以看下3-7的讲解中，inline的类名是要加在包裹radio或checkbox的label标签上的。加在DIV上看似也有水平排列的效果，实际对比后发现并不如真确用法时美观。

   http://www.imooc.com/code/2359
   你看下这样写是不是会好些呢。

css文件中：

.form-control:focus {

border-color: #66afe9;

outline: 0;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

}

看不出来设置的长方形外框呢，求 解

是不是css中定义的