對(duì)于焦點(diǎn)問題我這這樣理解的：

1. 從講解的代碼中可以看出

對(duì)于type="text"的焦點(diǎn)是添加在類名form-control上的。因?yàn)檩斎肟蛐枰@個(gè)類名來控制樣式。

對(duì)于type="radio"、type="checkout"、type="file"它們的焦點(diǎn)是添加在input[**]屬性選擇上的(這也就說明是不需要form-contrl類名的)

2. 焦點(diǎn)的作用

對(duì)于text、button他是有實(shí)際顯示效果的，比如藍(lán)色的邊框

對(duì)于radio、checkbox它們的效果就是當(dāng)你點(diǎn)擊框后面的文字同樣也可以選擇中。比如，當(dāng)你點(diǎn)擊"愛好"時(shí)也可以把復(fù)選框選中。但是并不會(huì)看到什么明顯樣式。

我也是剛學(xué)，但是看了下你的代碼，用法有點(diǎn)問題。

1. 在例子中<input?class="form-control"?type="text" >這個(gè)輸入框中的form-control是為了讓輸入框在不同風(fēng)格的表格中不會(huì)出錯(cuò)所以加的。見3-4的講解。

2. 在radio和checkbox中并不需要加入form-control類名。你加入了這個(gè)類名所以導(dǎo)致單選框和復(fù)選框出現(xiàn)了樣式的不正確，對(duì)于flie類型也是同理。

3. 在代碼中使用了`radio-inline`和`checkbox-inline`，但是你加到了DIV上。你可以看下3-7的講解中，inline的類名是要加在包裹radio或checkbox的label標(biāo)簽上的。加在DIV上看似也有水平排列的效果，實(shí)際對(duì)比后發(fā)現(xiàn)并不如真確用法時(shí)美觀。

   http://idcbgp.cn/code/2359
   你看下這樣寫是不是會(huì)好些呢。

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);

}

看不出來設(shè)置的長(zhǎng)方形外框呢，求 解

是不是css中定義的