标签: css-frameworks

在另一个论坛上阅读我遇到了CSS框架世界.我一直特别关注的是BluePrint.我想知道是否有其他人遇到CSS框架,建议哪个是最好的,如果他们值得努力？

我正在使用导航栏作为标准导航内容,我想要包含一个用于登录和注册的按钮.

我正在使用a带有btn btn-large btn-success类的标记,默认情况下,导航条似乎不适合使用嵌套的btns.

结果是这样的:

当它盘旋时,它出现为:

我的问题基本上是:我做错了吗？有什么我想念的吗？

我想在重新定义.btn的CSS类之前我会问.在导航栏中.

谢谢.

我问自己(未经测试)是否可以将bootstrap和materializecss集成到同一个项目中

由于两个框架都是出于同样的目的,并且可能在某些类定义中重叠等,所以仍然可以将两个框架组合起来以扩展我的样式选项吗？

我在rails 3.1应用程序上工作.我希望有一个框架/库,涵盖渐变,阴影等.指南针已经很受欢迎,但让它与rails 3.1很好地配合对我来说是一个挑战,所以我选择了Bourbon,它似乎也越来越受欢迎.我想知道Compass和Bourbon之间的主要区别是什么.或者,如果您使用的是不同的框架,请分享.

• 为什么你更喜欢一个框架而不是另一个？
• 您是否经历过浏览器或rails等版本的兼容性问题？
• 哪一个有更大或更好的mixins库？

我已经下载了Zurb Foundation图标字体文件http://zurb.com/playground/foundation-icon-fonts-3

我解压缩它们并将/ foundation-icons文件夹放入我的/ css文件夹中.它是否正确？我试图按照文档"如何使用它们"部分,我无法弄清楚如何开始使用类.

我在我的.html中这样做来调用这些类.

<a class=".fi-social-facebook">Facebook</a>  

所以我假设我必须没有正确配置/设置我的文件字体.

更新:这是我的目录看起来...我正在引用它
,这就是我如何调用该类.

<i class="ft-social-facebook"></i><a href="#">Facebook</a>
<i class="ft-star"></i>

我使用的是bulma@0.3.0 css框架

我在表格中提交按钮如下

...
<!--Submit button-->
<div class="columns">
    <div class="column is-full">
        <button type="submit" class="button is-primary">
            <span class="icon"><i class="fa fa-sign-in"></i></span>
            <span>Login</span>
        </button>
    </div>
</div>
...

结果如下

如何让按钮全宽？

我要建立一个新项目，并希望将这两个包放在一起，但不确定，所以问题是，将 Tailwindcss 与 antdesign 一起使用是一个好的做法吗？

有人有经验吗？

每个包都有自己的主题管理器，例如颜色、排版、深色模式等。你如何管理主题，使用 Tailwinds 或 antd 或两者兼而有之？为什么？

这两个软件包都支持网格，您更喜欢哪一个？

让我们来谈谈您的见解？

经过一番研究，我发现了这些结果

使用这两个库的一些示例：

https://github.com/plamworapot/next-antd-tailwindcss

https://github.com/dospolov/react-redux-saga-antd-tailwind-boilerplate

https://github.com/cunhamuril/pocs

它建议尝试只致力于一个框架

我无法理解Twittter Bootstrap框架.它是否允许在容器周围进行基本填充？

似乎有一个默认的20px边距但没有填充.这里有人设法解决这个问题吗？

http://twitter.github.com/bootstrap/

如果你的背景是白色的,但是当我在容器后面放置一个颜色,我没有填充,如果我添加填充,我的布局中断了.难道我做错了什么？

我下载了Twitter的bootstrap的准系统示例并对其进行了定制.我在本地进行了测试(使用WAMP服务器),一切都运行良好,包括CSS和JScript.

我将文件上传到我的虚拟主机服务,JScript无法正常工作.我注意到了,因为下拉框停止工作.

我搜索并发现其他人有同样的问题,但他们都使用红宝石,我不是.只是bootstrap提供的CSS + JScript游戏.除此之外他们说解决方案是先包含bootstrap.js然后再包含jquery.js.好吧,我尝试了它,它没有用,我甚至包括没有缩小的.js,但它仍然无法正常工作.

我使用相同的浏览器(Chrome)进行本地和远程测试.我也尝试过不同的托管服务,两者都出现了问题.

非常感谢帮助.

其他类似的问题:

• Javascript功能可以在localhost上运行,但在部署到Heroku时则不行
• twitter bootstrap下降突然无法正常工作

我也开始建立一个适合移动设备的网站.所以我也开始研究媒体查询和各种网格框架.我已经看过像Inuit.css这样的所有'主要参与者',语义网格等等.发现可能对我来说最好的是无框网格

作者说它是" Less Framework " 的精神继承者:

好.我已经研究了很多所有较少的/ css代码和主要的framelessgrid.com页面的html代码(应该实现无框架网格),但我无法理解我是如何实现它的.

• 首先,他是什么意思'无框架'？只是它不是一个框架？除了自由列宽和"倒置"媒体查询是"先移动"之外,它与lessframework有何不同？

• 我应该如何使用.less变量(特别是@cols系列)？

• "逐列调整,而不是逐像素调整".意思？如何将这个概念付诸实践？

:)