我有一个用于 Twitter Bootstrap 的开关,其中一个词弹出并且没有停留在开关内,我在下面的红色框中突出显示了困惑的词:
我的代码是:
<div class=\"span9 space\">
<h3 class=\"title pull-left\">$name</h3>
<link rel=\"stylesheet\" href=\"lib/prism/prism-light.css\">
<script src=\"lib/prism/prism.js\"></script>
<link rel=\"stylesheet\" href=\"toggle-switch.css\">
<form class=\"form-horizontal pull-right\">
<div class=\"control-group\">
<label class=\"control-label\"></label>
<div class=\"controls btn disabled switch switch-two\">
<input id=\"week9\" name=\"view\" type=\"radio\" checked>
<label for=\"week9\" onclick=\"\">Not Visited</label>
<input id=\"month10\" name=\"view\" type=\"radio\">
<label for=\"month10\" onclick=\"\">Visited</label>
<span class=\"slide-button btn btn-warning\"></span>
</div>
</div>
</form>
</div>
我使用的开关来自这里:
http://ghinda.net/css-toggle-switch/bootstrap.html
这也是我的实时代码:
最佳答案
问题是 Switch 类不适合你的话,
您可以通过在样式表中的开关类中硬编码宽度或将其添加到您想要拉伸(stretch)的 div 中来解决它,这应该可以解决您的问题
<div class=\"controls btn disabled switch switch-two\" style=\"width: xxxpx !important;\">
而xxx代表你需要的值
关于php - 不留在 css 中的单词切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15582587/