小编Mar*_*ark的帖子

Bootstrap 4 - 无列换行

我需要在调整浏览器大小时防止 B4 列换行。这是我的代码:

<div class="card card-outline-primary">
<div class="card-block">
    <form class="row">
        <div class="col-xs-4" style="border:solid;border-color:red;border-width:5px;">
            <label for="visualTheme" class="control-label">1234</label>
            <div>
                <input class="form-control" style="height:30px;"/>
            </div>
        </div>
        <div class="col-xs-4" style="border:solid;border-color:blue;border-width:5px;">
            <label class="control-label">5678</label>
            <div>
                <input class="form-control" style="height:30px;" />
            </div>
        </div>
        <div class="col-xs-4" style="border:solid;border-color:green;border-width:5px;">
            <label class="control-label">abcd</label>
            <div>
                <input class="form-control" style="height:30px;" />
            </div>
        </div>
     </form>
</div>
Run Code Online (Sandbox Code Playgroud)

小提琴

但是当我把它变小时它仍然会包裹。

谢谢您的帮助。

css bootstrap-4

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

Bootstrap 4 - 使用Flexbox和响应列

我正在尝试使用位于行开头和结尾的按钮来创建一行.这是两个图像.首先,当浏览器最大化时: 在此输入图像描述

第二个是在我调整浏览器大小之后:

在此输入图像描述

为此,我正在实现以下代码:

<div class="d-flex justify-content-end">
   <div class="mr-auto p-2">Flex item 1</div>
   <div class="p-2">Flex item 2</div>
</div>
Run Code Online (Sandbox Code Playgroud)

小提琴

只是为了学习如何将Flexbox与B4一起使用.代码确实正确定位项目,但是当我调整大小时,列不会堆叠.

知道如何让它完全响应?

谢谢您的帮助.

responsive-design bootstrap-4

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

带有材质选项卡的 Angular 8 - 在重新加载时选择最后一个活动选项卡

使用以下示例:

例子

重新加载页面时如何激活最后选择的选项卡?有没有这样做的设计模式?

谢谢

angular angular-router

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

Angular - 找到循环依赖

我收到了上述错误.以下是一些简化的代码片段.应用:

app = angular.module('app', ['app.classes', 'ngDialog' .....]);
Run Code Online (Sandbox Code Playgroud)

模块配置:

app.config(
function ($httpProvider, $translateProvider, $translatePartialLoaderProvider) {
    $translateProvider.preferredLanguage(lang);
    $translateProvider.useLoader('$translatePartialLoader', {
        urlTemplate: 'api/PartialTranslationLoad?lang={lang}&table={part}'
    });
    $translatePartialLoaderProvider.addPart('...');
    $translatePartialLoaderProvider.addPart('...');
    $translateProvider.useSanitizeValueStrategy('sanitize');

    $httpProvider.interceptors.push('APIInterceptor');
  }
);
Run Code Online (Sandbox Code Playgroud)

拦截器服务在app.classes模块中:

classes = angular.module("app.classes", []);

classes.service('APIInterceptor', function ($q, $rootScope, $location, $window, $injector, ngDialog) {
    ......
}
Run Code Online (Sandbox Code Playgroud)

错误:

找到循环依赖:$ http < - $ templateRequest < - $ compile < - ngDialog < - APIInterceptor < - $ http < - $ translatePartialLoader

如果我不将ngDialog注入我的拦截器,一切都很好.有人可以解释为什么我得到循环依赖性错误?

谢谢

angularjs ng-dialog

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

calc()函数如何在CSS中起作用?

我正在尝试calc()用于我的CSS.我创建了一个简单的小提琴,我有两个div.一个人有一个风格使用的类calc().但它没有任何效果.Div的高度没有变化.

.cont {
  height: calc(100% - 20px);
}
Run Code Online (Sandbox Code Playgroud)
<div class="cont" style="background-color:blue">fsdfds</div>
<div style="background-color:red">1234</div>
Run Code Online (Sandbox Code Playgroud)

小提琴

感谢帮助.

css css3

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

奇怪的日期解析

我正在解析以下日期:

Date.parse('03/16/20') = 1584334800000
Run Code Online (Sandbox Code Playgroud)

Date.parse('03/16/201') = -55817838000000
Run Code Online (Sandbox Code Playgroud)

为什么第二个表达式返回负值?

谢谢

javascript

0
推荐指数
1
解决办法
31
查看次数