小编Kyl*_*Mit的帖子

带有输入组的Bootstrap 3标签列表

我尝试使用bootstrap 3输入组制作标签列表(如在stackoverflow中).

结果看起来与此类似,右侧有一个完整的高度按钮:

应该看起来与此类似

我考虑的基础如下:

<div class="container-fluid">
    <div class="input-group">
        <input type="text" class="form-control">
        <span class="input-group-btn">
            <button class="btn btn-default" type="button">Go!</button>
        </span>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是我尝试制作标签列表(请注意它应该有多行)

HTML:

<div class="container-fluid">
    <div class="input-group">
        <div class="form-control">
            <ul>
                <li><span class="label label-default">Default</span></li>
                <li><span class="label label-primary">Primary</span></li>
                <li><span class="label label-success">Success</span></li>
                ... even more labels ...
                <li><span class="label label-default">Default</span></li>
                <li><span class="label label-primary">Primary</span></li>
                <li><span class="label label-success">Success</span></li>
            </ul>
            <input type="text">
        </div>
        <span class="input-group-btn">
            <button class="btn btn-default" type="button">Go!</button>
        </span>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

ul {
    padding-left: 0;
    display: inline;
    list-style-type: none;
}
li {
    display: …
Run Code Online (Sandbox Code Playgroud)

css tags twitter-bootstrap twitter-bootstrap-3 bootstrap-tags-input

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

使用Bootstrap停靠页脚

假设我的页面应该是以下"模板":

在此输入图像描述

我的页面由标题,内容部分(每页不同)和页脚组成.页面高度是标题高度+内容高度+页脚高度.注意页脚的高度; 它很高/很健壮.我很好.

我不想要一个"粘性"页脚,而是我正在寻找以下功能:

  • 如果标题高度+内容高度大于视口/窗口高度,我不希望页脚在用户向下滚动到它之前可见(正常的页脚行为); 但...
  • 如果页眉高度+内容高度+页脚高度小于视口/窗口高度,我希望页脚固定到视口底部.这意味着如果特定页面的内容非常小或者甚至是完全空的,我希望我的标题固定在窗口的顶部,并且页脚固定在底部.

jsFiddle中的示例

我需要做些什么才能改变我的footerdiv以展示所需的行为?

<!-- What needs to change here? -->
<div class="footer ">
    This should always be shown at the bottom if there isn't a lot of content to display below the header.
</div>
Run Code Online (Sandbox Code Playgroud)

html css footer sticky-footer twitter-bootstrap

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

Bootstrap DatePicker - 将日期设置为明天

我有一个按钮,使用以下代码将datepicker设置为明天:

$("#txtDateOfJourney").datepicker({ startDate: '+1d'});
Run Code Online (Sandbox Code Playgroud)

但它不起作用.

这是一个小提琴演示

有任何想法吗?

javascript datepicker twitter-bootstrap bootstrap-datepicker

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

Commander.js 收集多个选项总是包含默认值

我正在使用commander.js来解析命令行参数,我试图收集一个可以多次出现的可选参数,它总是返回我设置的选项和默认选项。

function collect (val, memo) {
    memo.push(val);
    return memo;
}

program
    .command('run <param>')
    .action(function run(param, options) {
        console.log(param);
        console.log(options.parent.config);
    });

program
    .option('-c, --config <path>', 'Config', collect, ["/path/to/default"])
    .parse(process.argv);
Run Code Online (Sandbox Code Playgroud)

当我这样调用脚本时:

index.js run some -c "/some/path" -c "/other/path"
Run Code Online (Sandbox Code Playgroud)

它打印:

[ '/path/to/default', '/some/path', '/other/path' ]
Run Code Online (Sandbox Code Playgroud)

但它应该只打印:

['/some/path', '/other/path' ]`
Run Code Online (Sandbox Code Playgroud)

当我在没有-c参数的情况下调用它时,它可以正常工作,使用默认值打印数组。我怎样才能解决这个问题?

javascript node.js node-commander

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

Azure API 身份验证

我在 C# 代码中使用 Azure API 并使用以下库:

using Microsoft.Rest; using Microsoft.Rest.Azure.Authentication;
using Microsoft.Azure.Management.DataLake.Store;
using Microsoft.Azure.Management.DataLake.StoreUploader;
using Microsoft.Azure.Management.DataLake.Analytics;
using Microsoft.Azure.Management.DataLake.Analytics.Models;
using Microsoft.WindowsAzure.Storage.Blob;
Run Code Online (Sandbox Code Playgroud)

创建与 Azure 的连接:

private static ServiceClientCredentials AuthenticateAzure(string domainName, string nativeClientAppCLIENTID)
{
    // User login via interactive popup
    SynchronizationContext.SetSynchronizationContext(new SynchronizationContext());
    // Use the client ID of an existing AAD "Native Client" application.
    var activeDirectoryClientSettings = ActiveDirectoryClientSettings.UsePromptOnly(nativeClientAppCLIENTID, new Uri("urn:ietf:wg:oauth:2.0:oob"));
    return UserTokenProvider.LoginWithPromptAsync(domainName, activeDirectoryClientSettings).Result;
}
Run Code Online (Sandbox Code Playgroud)

打电话时LoginWithPromptAsync,我收到了弹出窗口,询问我的凭据。我不希望每次运行代码时都出现此弹出窗口。除了创建 Azure 应用程序之外,还有什么办法可以提出这个问题吗?

我有一个ApplicationId, TenantId, CertificateThumbprint, 和SubscriptionId(如下)。我可以使用这些字段在没有提示的情况下对 azure 进行身份验证吗?

凭据示例

c# azure azure-management-api azure-api-apps

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

获取两个日期之间的日历天

DateDiff功能以24小时为单位报告“日间间隔”,当询问一天中的时间变化时发生了什么事之前,这会产生奇怪的结果。

例如,如果我想获取自昨天下午以来的天数,如果还没有整整24小时,则DateDiff将返回0,而在大多数情况下,我问这个问题,我希望将昨天视为1天前,不考虑时间戳。

有没有办法让DateDiff返回日历天数?

.NET小提琴中的演示

Dim date1 As DateTime = #3/1/2017 5:00 PM#
Dim date2 As DateTime = #3/2/2017 10:00 AM#

Dim daysAgo = DateDiff(DateInterval.Day, date1, date2)
Dim msg = String.Format("Last date was {0} day(s) ago on {1}. ", daysAgo, date1.ToShortDateString())
Console.WriteLine(msg) ' Last date was 0 day(s) ago on 3/1/2017. 
Run Code Online (Sandbox Code Playgroud)

关于StackOverflow的以下问题无法解决这一细微差别:

.net vb.net datediff date

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

将文件编码为 base 64 Nodejs

我使用下面的代码将文件编码为 base64。

var bitmap = fs.readFileSync(file);
return new Buffer(bitmap).toString('base64');
Run Code Online (Sandbox Code Playgroud)

我认为在文件中我们有问题“”‘’字符,但没关系"

当我们有It’s, node 对字符进行编码时,但是当我解码时,我将其视为 It’s

这是我用来解码的javascript:

fs.writeFile(reportPath, body.buffer, {encoding: 'base64'}
Run Code Online (Sandbox Code Playgroud)

因此,一旦文件被编码和解码,这些时髦的字符就无法使用了—— It’s

任何人都可以对此有所了解吗?

encoding node.js

2
推荐指数
2
解决办法
7337
查看次数

Bootstrap Paper 的单选/复选框输入材质样式在 IE/FF 中损坏

根据Google选择控件(复选框、单选按钮、开关)的材料指南,这些输入字段应如下所示:

材料选择输入

v3.x 的 Bootstrap Paper 主题(现在在 v4 中称为 Materia)的样式旨在达到此设计目标

在 Chrome 中,输入的风格化是正确的,但所有其他浏览器只是回退到本机输入控件,这破坏了设计隐喻的一致性。

这是jsFiddle / Stack Snippets中的 MCVE ,它的工作/失败取决于浏览器:

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/paper/bootstrap.min.css" rel="stylesheet"/>


<div class="checkbox">
  <label><input type="checkbox" value="check1"/> Check Opt 1 </label>
</div>
<div class="checkbox">
  <label><input type="checkbox" value="check2" checked/> Check Opt 2</label>
</div>

<div class="radio">
  <label><input type="radio" value="radio1" name="grp1" />Radio Opt 1</label>
</div>
<div class="radio">
  <label><input type="radio" value="radio2" name="grp1" checked/>Radio Opt 2</label>
</div>
Run Code Online (Sandbox Code Playgroud)

前面的代码在每个浏览器中的表现如下:

浏览器兼容性

是否有可能的解决方法,或者我们是否受浏览器的摆布,以他们认为合适的方式设置输入样式?

这个问题也在github 问题 #497 的项目问题页面上提出,但因浏览器不兼容而关闭

css html-input twitter-bootstrap material-design bootstrap-themes

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

DataType(DataType.PhoneNumber)和PhoneAttribute之间有什么区别

使用DataTypeAttribute和传入值DataType.Phone以及继承和自动设置的PhoneAttribute之间的区别是什么?DataTypeDataType.Phone

这两个班级有什么区别吗?

class Person {
   [DataType(DataType.PhoneNumber)]
   public string PhoneNumber {get;set;}
}
Run Code Online (Sandbox Code Playgroud)
class Person {
   [Phone]
   public string PhoneNumber {get;set;}
}
Run Code Online (Sandbox Code Playgroud)

.net c# validationattribute data-annotations

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

Yaml 语法 - 无法读取块映射条目;多行键不能是隐式键

我有一个.yaml这样的文件:

title: 'We'll do cool stuff'
draft: true
Run Code Online (Sandbox Code Playgroud)

但是,我收到以下错误:

Error parsing YAML: YAMLException: can not read a block mapping entry; 
a multiline key may not be an implicit key at line 2, column 6:

  draft: true
       ^
Run Code Online (Sandbox Code Playgroud)

我该如何修复它?

注意:此设置似乎与引发相同错误的其他问题不同,包括以下帖子:

yaml

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