對于焦點問題我這這樣理解的：

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.xianlaiwan.cn/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中定義的