草庐IT

mdl-card

全部标签

css - 在 MDL 中更改抽屉的宽度

我刚刚开始使用MaterialDesignLite。我想改变抽屉的宽度。我尝试过的是这些方面的东西:.mdl-layout__drawer{width:25%;}这导致抽屉与内容区域重叠。我该如何解决这个问题? 最佳答案 抽屉是一个绝对组件,位于其父容器中定义的左侧位置。当您改变它的宽度时,您也需要改变它的位置。这是宽度为500px的css唯一解决方案-.mdl-layout__drawer{width:500px;left:-250px;}.mdl-layout__drawer.is-visible{left:0;}这是一个代码笔

css - 在 MDL 中更改抽屉的宽度

我刚刚开始使用MaterialDesignLite。我想改变抽屉的宽度。我尝试过的是这些方面的东西:.mdl-layout__drawer{width:25%;}这导致抽屉与内容区域重叠。我该如何解决这个问题? 最佳答案 抽屉是一个绝对组件,位于其父容器中定义的左侧位置。当您改变它的宽度时,您也需要改变它的位置。这是宽度为500px的css唯一解决方案-.mdl-layout__drawer{width:500px;left:-250px;}.mdl-layout__drawer.is-visible{left:0;}这是一个代码笔

html - 带有 twitter bootstrap 2.3 的 Google Plus 或 Facebook Like Card UI

GooglePlus或Facebook使用的卡片设计方法很棒。如果我不希望我的卡片大小和内容保持理智以实现响应式设计,我该如何使用twitterbootstrap2.3(不能使用3)?我的意思是,我希望根据屏幕尺寸调整卡片的大小,并且卡片上的内容仍然可以接受。抱歉这个模糊的问题。我不确定如何最好地问我脑子里有什么。您可能有任何具有卡片UI设计和使用Bootstrap的网站?一般来说,是否有任何框架可以帮助桌面Web应用程序的CardUI? 最佳答案 前几周发现了这个,这正是您想要的:Bootplus-时尚、直观且功能强大的Googl

html - 带有 twitter bootstrap 2.3 的 Google Plus 或 Facebook Like Card UI

GooglePlus或Facebook使用的卡片设计方法很棒。如果我不希望我的卡片大小和内容保持理智以实现响应式设计,我该如何使用twitterbootstrap2.3(不能使用3)?我的意思是,我希望根据屏幕尺寸调整卡片的大小,并且卡片上的内容仍然可以接受。抱歉这个模糊的问题。我不确定如何最好地问我脑子里有什么。您可能有任何具有卡片UI设计和使用Bootstrap的网站?一般来说,是否有任何框架可以帮助桌面Web应用程序的CardUI? 最佳答案 前几周发现了这个,这正是您想要的:Bootplus-时尚、直观且功能强大的Googl

html - Open Graph + Twitter Cards + HTML5 = 不兼容?

我已经在我的网站上实现了OpenGraph标签和TwitterCard标签。将TwitterCard标签验证为HTML5的唯一方法是将它们从...name="twitter:card"...更改为...property="twitter:card"...但是,这会导致Facebook的OpenGraphDebugger到:应该修复的开放图警告无关属性:此类型的对象不允许名为“twitter:card”的属性。OpenGraph标签、TwitterCard标签和HTML5不兼容吗?http://developers.facebook.com/tools/debug

html - Open Graph + Twitter Cards + HTML5 = 不兼容?

我已经在我的网站上实现了OpenGraph标签和TwitterCard标签。将TwitterCard标签验证为HTML5的唯一方法是将它们从...name="twitter:card"...更改为...property="twitter:card"...但是,这会导致Facebook的OpenGraphDebugger到:应该修复的开放图警告无关属性:此类型的对象不允许名为“twitter:card”的属性。OpenGraph标签、TwitterCard标签和HTML5不兼容吗?http://developers.facebook.com/tools/debug

html - Angular Cards 在 flex-layout 行中的高度相同

我有一个基于AngularMaterial的用户界面。我正在使用@material/flex-layout和Material卡,所以我有一个组件布局,如:Last30Days24hoursofOEE(target:{{target}}%):看起来像这样:显然,这两个盒子的高度不同这一事实看起来很奇怪。我怎样才能轻松(并且响应迅速)确保它们的高度相同?谢谢 最佳答案 您可以将fxLayoutAlign="stretch"添加到70%的div。Plunkerdemo这应该可以解决问题。仅供引用,您可以使用这个demo尝试不同的flex-

html - Angular Cards 在 flex-layout 行中的高度相同

我有一个基于AngularMaterial的用户界面。我正在使用@material/flex-layout和Material卡,所以我有一个组件布局,如:Last30Days24hoursofOEE(target:{{target}}%):看起来像这样:显然,这两个盒子的高度不同这一事实看起来很奇怪。我怎样才能轻松(并且响应迅速)确保它们的高度相同?谢谢 最佳答案 您可以将fxLayoutAlign="stretch"添加到70%的div。Plunkerdemo这应该可以解决问题。仅供引用,您可以使用这个demo尝试不同的flex-

html - 更改 mdl-textfield 的颜色

是否有内置方法来更改MaterialDesignLite的颜色textfield?特别是,使用文本字段之前的默认文本和下划线。在下面的示例中,“文本...”和下划线默认为灰色。我需要它们是白色的,因为我使用的是深色背景。Text...我不想在选择文本字段后更改文本或下划线的颜色,只想在未使用文本字段时更改文本和下划线。 最佳答案 只需覆盖默认样式表:.mdl-textfield__input{border-bottom:1pxsolid#fff;}.mdl-textfield__label{color:#fff;}

html - 更改 mdl-textfield 的颜色

是否有内置方法来更改MaterialDesignLite的颜色textfield?特别是,使用文本字段之前的默认文本和下划线。在下面的示例中,“文本...”和下划线默认为灰色。我需要它们是白色的,因为我使用的是深色背景。Text...我不想在选择文本字段后更改文本或下划线的颜色,只想在未使用文本字段时更改文本和下划线。 最佳答案 只需覆盖默认样式表:.mdl-textfield__input{border-bottom:1pxsolid#fff;}.mdl-textfield__label{color:#fff;}