小编Mar*_*ark的帖子

我试图将列的内容集中在一起.看起来不适合我.这是我的HTML:

<div class="row">
   <div class="col-xs-1 center-block">
       <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span>
   </div>
 </div>

JSFiddle演示

我们正在使用刷新令牌逻辑实现令牌授权我们的应用程序.基本上,一切正常.但是我们想要重试由于令牌过期而失败的请求.一切都在拦截器中完成.这是一些相关的代码:

a.service('APIInterceptor', function ($q, $rootScope, $location, $window,    $injector) {
var service = this;
var $http;
var refreshTokenInProcess = false;

executeRequest = function (config) {
    var accessToken = $window.localStorage.getItem('token');
    if (accessToken != 'null') {
        config.headers.authorization = "bearer " + accessToken;
    }
    lastRequest = config;
    return config;
};
service.request = function (config) {
    return executeRequest(config);
};
var tokenRefreshing = function () {
    var deferred = $q.defer();
    // Run refresh token service only once in case multiple requests are failing
    if (refreshTokenInProcess == …

我正在尝试突出显示Bootstrap导航栏上的选定项目.这是我的代码:

<ul  class="nav navbar-nav navbar-left" top-bar>

和指令:

a.directive('topBar', function () {
return {
    restrict: 'AE',
    link: function (scope, elem, attrs) {
        $(elem).on("click", function () {
            $(elem).find(".active").removeClass("active");
            $(this).parent().addClass("active");
        });
    }
}

});

它只有在我删除class ="nav navbar-nav navbar-left"时才有效.否则,它没有进入指令.有什么建议？

谢谢

我正在使用ngDialog在弹出窗口中工作.这是一些代码:

<style>
    .ngdialog.dialogforpopup .ngdialog-content
    {
        width : 1100px;
        margin-top:-100px;
        padding-top:10px;
    }
</style>

模板

<div style="height:800px;width:1040px;padding-left:5px;padding-top:5px;
     padding-right:5px"

</div>
<div class="ngdialog-buttons" style="margin-top:10px">
          <button type="button" class="ngdialog-button ngdialog-button-primary" 
          ng-click="cancel()">Cancel</button>
          <button type="button" class="ngdialog-button ngdialog-button-primary" 
          ng-click="save()">Save</button>
</div>

指示

ngDialog.open({
      template: 'editor.html',
      controller: 'editorController',
      className: 'ngdialog-theme-default dialogforpopup',
      closeByDocument: false,
      disableAnimation: true
      });

我有两个问题.如何将我的弹出窗口放在屏幕上？目前我正在使用margin-top:-100px; 是否可以自动调整ngDialog的内容？

谢谢

我有以下媒体查询：

@media all and (max-height: 720px) and (min-width:1px) {
    .tabeditor {
        height: 60%;
    }
}

@media all and (max-height: 768px) and (min-width:1px) {
    .tabeditor {
        height: 63%;
    }
}

当我在 1280X720 上运行它时，我看到 768px 查询的高度接管了。那是对的吗？我在 Chrome 中运行它。

感谢帮助。

我正在关注此链接： 文档

具体来说： 使用内置的自定义变量文件自定义Bootstrap 4，并使用新的$ enable- * Sass变量轻松切换全局CSS首选项。覆盖变量的值，并根据需要使用包含的Gruntfile重新编译。

我以前从未使用过Gruntfile。我可以使用其他工具将CSS编译为CSS吗？另外，这种编译的结果将是什么？是否必须将_custom.css放在原始bootstrap.css所在的文件夹中？

感谢帮助。

我有以下代码:

<div class="row">
   <div class="col-sm-2">
      <input style="width:100%" >
   </div>
</div>

小提琴: 样品

在我的默认分辨率:1920x1080更改列数(col-sm-2)将更改文本输入的宽度.但是在1024x768上,无论col-sm-xx设置如何,宽度始终是整列.有人可以解释为什么会这样吗？

谢谢

我正在使用文档中的代码创建一个具有3-4张卡片的卡片列布局.我刚开始只有一个.这是我的代码:

<div class="card-columns">
  <div class="card">
    <img class="card-img-top img-fluid" src="..." alt="Card image cap">
     <div class="card-block">
       <h4 class="card-title">Card title that wraps to a new line</h4>
        <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit 
 longer.</p>
  </div>
</div> 

小提琴

我想要的是让我的柱子提供整个宽度.就像在我的例子中,当我在某个时刻向右调整它时,它需要整个空间.那可能吗？

谢谢

我创建一个表单,我希望在输入上方有标签.这可以通过使用form-group类来完成.一切正常,但如果我用EasyUI控件替换标准输入,它会打破预期的布局.这是我的代码:

<form>
    <div class="form-group col-sm-6">
        <label for="name" class="control-label">Line Height</label>
        <input class="form-control" style="width:200px" id="name"/>
    </div>
    <div class="form-group col-sm-6">
        <label for="name1" class="control-label">Padding Top</label>
        <input class="form-control" style="width:200px" id="name1"/>
    </div>
</form>
<form>
    <div class="form-group col-sm-6">
        <label for="name2" class="control-label">Display Name</label>
        <input class="form-control easyui-textbox" style="width:200px" id="name2" />
    </div>
    <div class="form-group col-sm-6">
        <label for="name3" class="control-label">Start Screen</label>
        <input class="form-control easyui-textbox" style="width:200px" id="name3"/>
    </div>
</form>

小提琴

调整大小时也没有遵循正确的包装.任何的想法？

谢谢

我试图让这个布局工作:当我调整浏览器大小并且它们不会换行时,列保持恒定宽度 - 而是一旦达到最小宽度就会出现水平滚动条.我的代码:

<div class="card card-outline-primary" style="min-width:500px">
<div class="card-block container-fixed">
    <form class="row">
        <div class="col-4" style="border:solid;border-color:red;border-width:5px;min-width:250px">
            <label for="visualTheme" class="control-label">1234</label>
            <div>
                <input class="form-control" style="height:30px;width:200px" id="visualTheme" />
            </div>
        </div>
        <div class="col-4" style="border:solid;border-color:blue;border-width:5px;min-width:250px">
            <label class="control-label">5678</label>
            <div>
                <input class="form-control" style="height:30px;width:200px" id="startingScreen" />
            </div>
        </div>
        <div class="col-4" style="border:solid;border-color:green;border-width:5px;min-width:250px">

        </div>
     </form>
</div>

小提琴: 小提琴

如果我使用最小宽度作为列包装.

谢谢您的帮助.