2014-09-22 204 views
0

我对使用Yeoman构建项目相当陌生。我已经能够构建出我的项目,使用grunt将其放到服务器上。但我在页面上有一些单选按钮,当我使用grunt-serve时,它们的间距被设置为样式,但是当我运行grunt并将文件移动到我的服务器上时,单选按钮的所有间距都消失了。任何人都知道css风格,可能不会与咕噜声构建?Yeoman角项目看起来不同于咕噜vs咕噜服

<input type="radio" name="q1" value="1" ng-model="formData.q1" ng-change="totalValues()" class="labelNumber"> 
     <input type="radio" name="q1" value="2" ng-model="formData.q1" ng-change="totalValues()" class="labelNumber"> 
     <input type="radio" name="q1" value="3" ng-model="formData.q1" ng-change="totalValues()" class="labelNumber"> 
     <input type="radio" name="q1" value="4" ng-model="formData.q1" ng-change="totalValues()" class="labelNumber"> 
     <input type="radio" name="q1" value="5" ng-model="formData.q1" ng-change="totalValues()" class="labelNumber"> 

在此先感谢。

回答

0

我猜你的html文件是由grund构建缩小的。并且html将行换行作为空格。 为了保持空格字符您的无线电设备之间的你可以这样做:

<input type="radio">&nbsp; 
<input type="radio">&nbsp; 
<input type="radio">&nbsp; 

&nbsp;意味着non breakable space

+0

我没有换行符。我认为它保留了单选按钮的Angular或Bootstrap的间距(我已经看到一些关于字体和字形没有从Bootstrap中保存的帖子)。我很想知道css丢失的位置,我会继续深入探讨间距问题。我希望有人知道,如果任何一个图书馆的css都可能被遗漏在咕噜声过程中?我不喜欢nbsp的额外标记。 – tcoulson 2014-09-24 13:03:35