小编Seo*_*Lee的帖子

文本输入元素内的字体真棒图标

我试图在用户名输入字段中插入用户图标.

我已经尝试过类似问题的解决方案之一,background-image因为Font Awesome是一种字体,因此 知道属性不起作用.

以下是我的方法,我无法显示图标.

.wrapper input[type="text"] {
    position: relative;
}

.wrapper input[type="text"]:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 0px;
    left: -5px;
    content: "\f007";
}
Run Code Online (Sandbox Code Playgroud)

我在默认字体awesome css中声明了字体,所以我不确定上面添加font-family是否是正确的方法.

 @font-face {
     font-family: 'FontAwesome';
     src: url('../Font/fontawesome-webfont.eot?v=3.2.1');
     src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
 }
Run Code Online (Sandbox Code Playgroud)

html css fonts font-awesome

125
推荐指数
8
解决办法
31万
查看次数

引导组合行(rowspan)

我正在测试Twitter Bootstrap并且遇到了带行的基本脚手架.我重新访问了他们的文档次数,我可以看到嵌套列,您可以在列中基本嵌套列,但我无法找到将行组合成一个并使其与未组合行旁边的列对齐的功能.

下图应说明我想要完成的任务.

rowspan布局示例

我遇到的唯一解决方法是使用表,但我不喜欢这个想法,因为我的观点是响应性不适用于表的使用.

有没有人有这个优雅的解决方案?我所做的大多数网页布局都需要很高的灵活性,所以如果我能在这里找到有用的东西,那将会非常棒.

twitter-bootstrap bootstrap-grid

119
推荐指数
4
解决办法
21万
查看次数

使用Javascript格式化当前时间

我想用javascript获取特定格式的当前时间.

使用下面的功能并调用它将给我 周五2013年2月1日13:56:40 GMT + 1300(新西兰夏令时) 但我想格式化它像 星期五下午2:00 pm 2013年2月1日

var d = new Date();
var x = document.getElementById("time");
x.innerHTML = d;
Run Code Online (Sandbox Code Playgroud)

当然,上面的代码没有任何格式化逻辑,但我还没有遇到任何"工作"格式化程序.

javascript format time date

82
推荐指数
8
解决办法
28万
查看次数

Bootstrap - 当屏幕尺寸较小时删除填充或边距

编辑: 当屏幕缩小到480px宽度以下时,我可能会问哪个选择器设置了侧边填充?我一直在浏览bootstrap-responsiveness.css一段时间来找到它,但似乎没有任何影响这一点.

原始 我基本上想要删除任何默认填充或边距设置,以便在较小的设备屏幕上响应.

我有一个background color重写上container-fluid选择器和用于更大的屏幕他们完全呈现100%横跨宽度,但它们的屏幕被减小到更小的尺寸,在默认情况下,自举似乎添加余量或填充上container-fluid或container.

<div class="container-fluid">
    <div class="row-fluid">
      test
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

如果我使用自定义css覆盖Bootstrap的默认样式,我应该覆盖哪些媒体查询或选择器来删除较小屏幕上的填充?

css media-queries responsive-design twitter-bootstrap

76
推荐指数
6
解决办法
21万
查看次数

Bootstrap变量覆盖LESS

我一直在调查,因为我认为花一些时间来学习定制Bootstrap的最佳实践是值得的.

我可以看到有一个友好的页面可以从http://twitter.github.io/bootstrap/customize.html中有选择地自定义元素,但是我希望在不触及原始引导源文件的情况下获得更多的控制权.

首先,我基本上想测试将网格从12列更改为16列,为此,我创建了自己的变量less文件并添加了@gridColumns:16; 仅对此文件并在bootstrap.less中导入此自定义较少,如下所示.

// Core variables and mixins
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
@import "mixins.less";
**@import "../custom-variables.less"; //Override variables**
Run Code Online (Sandbox Code Playgroud)

然后,使用WinLess编译bootstrap.less文件以获取带有重写变量导入调用的新bootstrap.css,并将css与html文件链接,但网格不会更改为16列.

任何人都可以指出我做错了什么?

variables customization less twitter-bootstrap

70
推荐指数
2
解决办法
5万
查看次数

Bootstrap 3 - 列内自定义div的100%高度

假设我连续两列.

一个包含class="img-responsive"用于流体图像的图像,另一个包含用于自定义div块的图像.

我的问题是如何让这个自定义div的高度100%.以下对我不起作用.

height: auto;
max-width: 100%;
Run Code Online (Sandbox Code Playgroud)

如果我在高度上设置固定值,它将无法与包含图像的列很好地匹配,因为当视口大小更改时图像会调整高度.

我可以通过执行以前问题所建议的以下内容来获得列高度相等.

class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
.row {
    overflow: hidden; 
}
Run Code Online (Sandbox Code Playgroud)

但我的情况略有不同,我需要在列中使用自定义div,它设置与图像高度相等的高度,而不是父div(列).

这是JS Fiddle

在此输入图像描述

css twitter-bootstrap

60
推荐指数
3
解决办法
17万
查看次数

JSFiddle中的外部资源(添加Twitter Bootstrap CDN)

我试图用JSFiddle复制我的问题,但是当本地不支持所需的框架时,我相信我需要从外部资源导入它们.但是,点击+不会打开任何东西,我不知道如何处理URI字段.

简单的问题是,我特别需要嵌入Bootstrap.

如何在JSFiddle中嵌入Bootstrap?

jsfiddle twitter-bootstrap

40
推荐指数
1
解决办法
2万
查看次数

Bootstrap 3.1.1 - 用于什么的.map扩展名文件?

我需要使用最新的Bootstrap版本升级我正在使用的应用程序,但我正在努力弄清楚添加的bootstrap.css.map是什么?

我需要让它们让css正常工作吗?

在写这篇文章之前我做了一些搜索但由于它相对较新,我没有遇到任何有形的解释.

twitter-bootstrap twitter-bootstrap-3

24
推荐指数
1
解决办法
3万
查看次数

PHP Codeigniter - parent :: __ construct

从PHP中的父类继承时,特别是在Codeigniter中parent::__construct or parent::model()做了什么?

如果我不是__construct父母班,它会有什么不同?并且,建议采用哪种方式?

-添加-

Codeigniter更多地关注Codeigniter,具体parent::__construct取决于版本的不同方式的调用,如果Codeigniter自动执行此操作,可以省略.

php codeigniter

19
推荐指数
1
解决办法
9万
查看次数

Bootstrap复选框输入垂直对齐

使用Bootstrap版本2.3.2,我有一个类似下图的表单布局,由于复选框有一个内联标签,因此存在对齐问题.

在此输入图像描述

添加边距input[type="checkbox"]仅为复选框提供边距,而不是内联标签.如何使复选框及其标签垂直对齐旁边的文本字段?

如果您有兴趣,这是 JS BIN.

html css twitter-bootstrap

12
推荐指数
2
解决办法
4万
查看次数