angularjs - 并排面板指令

标签 angularjs twitter-bootstrap angularjs-directive

我有一个 Angular JS 指令,它可以迭代一些分组数据并根据分组创建面板。我很难将这些面板分成两个一组的排列组。我尝试过编辑 col-lg-6 的位置和值,甚至尝试添加一些应该完成任务的常规 CSS。有人可以看看 http://plnkr.co/edit/cNFNAU?p=info 的基本代码吗?并提供任何有用的反馈?

最佳答案

style.css中,有一个规则...

margin: 10px;

因为 col-lg-6 基本上将元素的宽度设置为 50%...当添加边距时,2 个 col-lg-6 更宽低于 100%,无法排成一行。去掉边距就可以了。

要重新添加边距,您需要尝试一下样式或布局,请记住不要向 col-lg-6 元素添加正水平边距。

这是修复程序(将 lg 更改为 xs,以便在 plunker 中正确显示)... Plunker

关于angularjs - 并排面板指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23301802/

相关文章:

javascript - AngularJS - 预加载模板不适用于指令

javascript - AngularJS 克隆指令的元素并给出其自己的范围

angularjs - 在 ui-router 中的 $transition.onBefore 中重定向

javascript - Angular ng-repeat 传递项目以与父数据一起运行?

javascript - 如何在页面加载时添加类之前确保元素已加载

html - div 旁边的形状

angularjs - 为什么 angularjs bootstrap datepicker 选择前一天?

angularjs - 在滚动 Angular 样式时更改 css

angularjs - 对象 'directives' 未定义错误

javascript - 使用 angularJS 结合 ui-bootstrap datepicker 和 timepicker?