Html 文本移出引导按钮

Html 文本移出引导按钮,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,当我运行启动按钮时,启动按钮有一些文本。按钮文本移动到按钮外部,但按钮大小固定 如何使按钮响应 .div{ 浮动:左; 高度:300px; 宽度:22%; 边缘顶部:15px; 左边距:15px; 背景色:#e4f2ff; 位置:相对位置; } .div img{ 宽度:100%; 高度:180像素; } .分区h1{ 字体:500 1.5em Roboto,Arial,Helvetica!重要; } .分区{ 位置:绝对位置; 底部:0; 宽度:100% } .分区a{ 宽度:50px; }

当我运行启动按钮时,启动按钮有一些文本。按钮文本移动到按钮外部,但按钮大小固定 如何使按钮响应

.div{
浮动:左;
高度:300px;
宽度:22%;
边缘顶部:15px;
左边距:15px;
背景色:#e4f2ff;
位置:相对位置;
}
.div img{
宽度:100%;
高度:180像素;
}
.分区h1{
字体:500 1.5em Roboto,Arial,Helvetica!重要;
}
.分区{
位置:绝对位置;
底部:0;
宽度:100%
}
.分区a{
宽度:50px;
}

从任何PC上的CD或USB驱动器引导
将此添加到css中:

   .div div .btn-success {
           width: 100%;
       }

删除
.div div a{width:50px;}
。您为链接指定了50px的宽度。你的按钮也是一个链接。当我这样做的时候,我的设计变得很奇怪,有没有什么方法可以让按钮变满div@Sanoj
.div div a{width:100%;}
将使
a
占据
div的整个宽度。