小编MrM*_*vin的帖子

中间有一个前置元素的输入组？

我想在两个输入元素之间添加一个前置元素。我可以用额外的 css 解决它，但这不是我想要的。

是否有仅使用bootstrap而没有额外 css代码的解决方案？

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<div class="input-group input-group-sm m-4 w-50">
  <input class="form-control" type="text">
  <div class="input-group-prepend">
    <div class="input-group-text">@</div>
  </div>
  <input class="form-control"></input>
</div>

Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap bootstrap-4

MrM*_*vin

2018 12-04

3
推荐指数

1
解决办法

1020
查看次数

Bootstrap Colorpicker基本示例不起作用

我想为引导程序使用颜色选择器插件：https : //farbelous.io/bootstrap-colorpicker/index.html

它使用Bootstrap 4和Jquery

在尝试由开发人员在我的网站或JS Fiddle中发布的非常基本的代码示例时，颜色选择器无法正常工作（您应该在左侧看到一个可单击的正方形，并可以使用它来选择颜色）

JsFiddle

我究竟做错了什么？我以为可能是导入无效，所以我使用了CDN，但它没有任何改变

JsFiddle

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
 <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.3/css/bootstrap-colorpicker.css" rel="stylesheet">
</head>
<body>
  <div class="jumbotron">
      <h1>Bootstrap Colorpicker Demo</h1>
      <input id="demo" type="text" class="form-control" value="rgb(255, 128, 0)" />
  </div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-colorpicker/2.5.3/js/bootstrap-colorpicker.js"></script>
  <script>
    $(function () {
      // Basic instantiation:
      $('#demo').colorpicker();

      // Example using an event, to change the color of the .jumbotron background:
      $('#demo').on('colorpickerChange', function(event) {
        $('.jumbotron').css('background-color', event.color.toString());
      });
    });
  </script>
</body>

Run Code Online (Sandbox Code Playgroud)

html css jquery twitter-bootstrap

Jay*_* D.

2019 04-12

2
推荐指数

1
解决办法

848
查看次数

如果声明包含无限数学方程式

我正在尝试执行代码,以使特定的无限数学条件成立.条件为真,使得值= 90 + 360X.其中X是整数.所以我正在使用单位圆,只想要等于正Y轴的度数.这是一张高亮橙色轴的图片.

例如,角度90,450,810等将使条件成立.我已尝试在代码中使用%,如您所见:

else if (DegreeValue == 90 || ManyRotations90(DegreeValue, 90) == true)
        {
            Console.WriteLine("Angle(" + DegreeValue + ") lies between the 1st and 2nd quadrant. In other words, it doesn't belong to a specfic section.");
        }




static public bool ManyRotations90(double num01, double num02)
    {

        if (num01 % num02 == 0);
        {
            return true;
        }
        return false;

    }

Run Code Online (Sandbox Code Playgroud)

即使条件对于这些数字也会返回,但对于我不想要的数字也是如此.//这很好540%90 == 0.但是270%90 == 0 //这很糟糕.有没有这样的方式,它只适用于90 + 360X？

Sam*_*rai

2019 01-08

2
推荐指数

1
解决办法

97
查看次数

Cocoapods Firebase pod 更新

早上好，我在更新 Firebase/Analytics 和 Firebase/Core pod 时遇到问题。

我的播客文件：

source 'https://github.com/CocoaPods/Specs.git'
source 'https://github.com/CocoaPods/Specs'
platform :ios, '10.0'

target 'Unity-iPhone' do
pod 'Firebase/Analytics', '5.15.0'
pod 'Firebase/Core', '5.15.0'
pod 'Firebase/Messaging', '5.1.0'
pod 'GoogleAppMeasurement', '5.3.0'
pod 'Google-Mobile-Ads-SDK', '~> 7.0'
end

Run Code Online (Sandbox Code Playgroud)

如果我运行，pod install我会得到以下输出

Analyzing dependencies

[!] CocoaPods could not find compatible versions for pod "Firebase/Analytics":
  In Podfile:
    Firebase/Analytics (= 5.15.0)

None of your spec sources contain a spec satisfying the dependency: `Firebase/Analytics (= 5.15.0)`.

You have either:
 * out-of-date source repos which you can update …

Run Code Online (Sandbox Code Playgroud)

unity-game-engine cocoapods firebase podspec

Yve*_*ler

2019 02-21

2
推荐指数

1
解决办法

5450
查看次数

使用 FireFox 中的 Vaadin 按钮复制到剪贴板

以下是 Vaadin 按钮的代码：

String textToCopy = "COPY ME!!!";
Button copyBtn = new Button("");
copyBtn.setButtonLayout(false, new IconSelf(VaadinIcon.COPY_O), "Copy"));
copyBtn.addClickListener(event -> {
          getUI().get().getPage().executeJs("navigator.clipboard.writeText(`" + textToCopy + "`);");
    Notification.show(getTranslation(PAGESTRING + "attributestoclipboard"))
});

Run Code Online (Sandbox Code Playgroud)

为了复制我使用的自定义文本navigator.clipboard.writeText(...)。
适用于Chrome和Edge，但不适用于Firefox。当我在该功能中使用它时，
Firefox 也被阻止了。document.execCommand("copy")executeJS(...)

onClick我想我需要向按钮添加一个功能。我怎样才能用 Vaadin 做到这一点？

javascript clipboard firefox vaadin

MrM*_*vin

lucky-day

2
推荐指数

1
解决办法

312
查看次数

如何在 CSS 中创建响应式棋盘格背景？

我想要一个响应式棋盘格背景，它应该看起来像颜色选择器中的背景：

我试过的：

.chess {
  background-image: 
    linear-gradient(90deg, #999 30px, white 30px), 
    linear-gradient(90deg, white 30px, #999 30px), 
    linear-gradient(90deg, #999 30px, white 30px), 
    linear-gradient(90deg, white 30px, #999 30px), 
    linear-gradient(90deg, #999 30px, white 30px), 
    linear-gradient(90deg, white 30px, #999 30px), 
    linear-gradient(90deg, #999 30px, white 30px);
  background-position: 0 0, 0 30px, 0 60px, 0 90px, 0 120px;
  background-repeat: repeat-x;
  background-size: 60px 30px;
  height: 150px;
  margin: 15px auto;
  width: 30%;
}


.fas {
  text-align: center;
  font-size: 10em
}

Run Code Online (Sandbox Code Playgroud)

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.2/css/all.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> …

Run Code Online (Sandbox Code Playgroud)

css background linear-gradients

MrM*_*vin

2019 07-02

1
推荐指数

1
解决办法

1594
查看次数