2013-03-23 39 views
1

我有一个用于twitter引导的切换,并且其中一个单词正在弹出并且没有停留在切换单元中,我突出显示了下面红色框中的乱码单词:不停留在css中的单词toggle

enter image description here

我的代码是:

<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

这里也是我的生活代码:

http://www.beerportfolio.com/breweryPage2.php?id=BSsTGw

+0

是不是因为CSS有宽度而不能适合在这个小空间里“未被访问”,并且它正在向下移动? – Class 2013-03-23 02:06:46

+1

你真的有所有这些反斜杠在你的HTML? – didierc 2013-03-23 02:07:36

+0

我用php输出,需要转义他们@didierc – Mike 2013-03-23 02:16:40

回答

1

的问题是开关类不绵延你的话,

您可以通过硬编码在开关类的宽度在样式表或你想要舒展的股利增加它解决它,这应该解决您的问题

<div class=\"controls btn disabled switch switch-two\" style=\"width: xxxpx !important;\"> 

而XXX代表你需要

+0

类型的作品,但使它不可切换点击作品一次然后不起作用。当这个东西还有足够的空间的时候,整个事情会有所下降。 查看我的帖子中的链接以查看进度 – Mike 2013-03-23 02:38:17

+1

您是否可以关闭样式标签以查看它是否可以解决问题 – 2013-03-23 02:43:33

+0

现在,我觉得自己像个白痴一样缺少这一点,谢谢! – Mike 2013-03-23 02:54:18

0

我做你提供和使用您的值项,并加入比所需要的更小的宽度和走访部分演示现场编辑'未被访问'走到了新的一页。您可能希望为切换项目设置更大的宽度。

编辑: 它看起来像你这样修改一些CSS或者它继承了一些,你可以修改你想要的任何方式,但尝试: 拨动开关线210

.toggle label, 
.toggle p, 
.switch label { 
    line-height: 13px;/*30px*/ 
} 

和删除: bootstrap.min.css线333

.form-horizontal .controls { 
    margin-left: 0;/*180px*/ 
} 
+0

但是,如果你看看我提供的链接:http://ghinda.net/css-toggle-switch/bootstrap.html 这些例子是巨大的... – Mike 2013-03-23 02:16:15

+0

@Mike是的,他们是。你有没有修改一些CSS宽度较小? – Class 2013-03-23 02:17:20

+0

没有。我只是添加了一个链接到我的实时代码,如果它可以帮助你检查出来。 – Mike 2013-03-23 02:18:15