bootstrap的btn超过了限制页面媒体选择

今天在使用bootsrap时发现bootstrap纯粹的引用btn设置100%后会出现超出了盒子模型，这一点让我很郁闷，后来思考良久发现有一个属性是把display:设定为inline-block；导致超出范围，经过思考将他改为auto;即可。或者直接就拿掉了。

今天发现bootstrap的版本号不同会影响图标。本用了bootstrap3后改成2.3发现图标不能显示。

识别媒体的宽度：

@media screen and (max-width:
600px) {

选择器 { 属性：属性值； }

}

<link="stylesheet"
media="only screen and (max-device-width:240px)"
href="android240.css"
type="text/css" />

/*360px的宽度*/

<link
rel="stylesheet"
media="only screen and (min-device-width:241px) and (max-device-width:360px)"
href="android360.css"
type="text/css" />

/*480px的宽度*/

<link
rel="stylesheet"
media="only screen and (min-device-width:361px) and (max-device-width:480px)"
href="android480.css"
type="text/css" />