我如何使用bootstrap类在一行内进行10个类似的除法。(例如“ col-lg-2”)

亚希玛德里

我正在使用引导程序类。我不想使用编写自定义CSS。因此,如何将宽度相近的10格分割。所有分区应占全行

<div class="col-lg-12">
    <div class="row">
        // i need 10 div with similar width
    </div>
</div>
艾玛

在bootstrap的源代码中,variables文件中有一个名为@grid-columns$grid-columns如果您使用sass版本的)变量,只需将其更改为10并重新编译bootstrap。

如果需要在10列和12列之间混合使用,请使用60列并相应地相乘

您可能还想看看grid-gutter-width可能需要调整grid-float-breakpoint所有screen-*大小以适合您的需要。

ICYMI:这是较少编译器页面的链接http://lesscss.org/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在具有4个img的引导程序(col xs-12 col-sm-6 col-md-2 col-lg-2)中居中?

来自分类Dev

如何使2 col-lg-6在移动视图中保持水平?

来自分类Dev

Bootstrap 3.3以特定宽度将col-lg-10扩展到col-lg-12

来自分类Dev

如何设置bootstrap col-lg- *类的样式?

来自分类Dev

col-lg-2 col-md-4 col-6在引导程序4上不起作用。在移动视图下,它们与col-md-4不在col-6一起显示

来自分类常见问题

在Twitter Bootstrap 3中使用col-lg-push和col-lg-pull进行列顺序操作

来自分类Dev

Dompdf prints html bootstrap code as col-sm-x and not as col-lg-x

来自分类Dev

为什么在引导程序中使用多个col- [lg | md | sm | xs]-?

来自分类Dev

使用 col-lg-8 引导程序时保证金自动不工作

来自分类Dev

Bootstrap 2-Col 格式

来自分类Dev

你如何在 col3 共享/重叠 col2 的地方返回 col2?

来自分类Dev

如何在angularjs中的ng-repeat中进行排序?:<li class =“ col-lg-3 col-md-4 col-sm-6” ng-repeat =“在eventsFromCatalogData中的项目| orderBy:item.id”>

来自分类Dev

如果col2大于最后一行的col2,则打印

来自分类Dev

字符串操作 col_schema="col1 string,col2 int"。我需要检索 => "col1,col2"

来自分类Dev

如果col 1与col 3相同,如何用X替换col 4中的值,否则使用awk用col 2替换col 4中的每个条目

来自分类Dev

如何在btn-toolbar中制作两个col-xs / sm / md / lg-6而不中断线?

来自分类Dev

如何像在SQL中那样在C#中按小时格式(120:15:10)的行对行进行汇总/分组-如SELECT SUM(col1),col 2,col3 GROUP BY col2,col3

来自分类Dev

“ col-xs-12 col-sm-6 col-md-4 col-lg-3”和col-xs-12页面中心

来自分类Dev

如果col2的内容不在col1中,则串联2个chr列

来自分类Dev

PostgreSQL10-是否可以按列表进行分区(col1,col2,..,colN)?

来自分类Dev

Microsoft Power BI 桌面 — col1 和 col2 列(来自 excel)使用 col2 y 轴与 col1 轴制作图表

来自分类Dev

col-10和col-2行在引导程序3的右侧产生怪异的间距

来自分类Dev

如何选择行col1和空col2不同的行

来自分类Dev

Bootstrap 4 col-2 对齐到 line col-6

来自分类Dev

防止具有相同col1和不同col2的行

来自分类Dev

当Table1.COL = Table2.Col时,从Table1中删除行

来自分类Dev

SQL选择col1或col2等于变量的行

来自分类Dev

查找 COL1 匹配但 COL2 不匹配的行并删除最旧的条目

来自分类Dev

如何在col-md-2内插入col-md-12并采用全角

Related 相关文章

  1. 1

    如何在具有4个img的引导程序(col xs-12 col-sm-6 col-md-2 col-lg-2)中居中?

  2. 2

    如何使2 col-lg-6在移动视图中保持水平?

  3. 3

    Bootstrap 3.3以特定宽度将col-lg-10扩展到col-lg-12

  4. 4

    如何设置bootstrap col-lg- *类的样式?

  5. 5

    col-lg-2 col-md-4 col-6在引导程序4上不起作用。在移动视图下,它们与col-md-4不在col-6一起显示

  6. 6

    在Twitter Bootstrap 3中使用col-lg-push和col-lg-pull进行列顺序操作

  7. 7

    Dompdf prints html bootstrap code as col-sm-x and not as col-lg-x

  8. 8

    为什么在引导程序中使用多个col- [lg | md | sm | xs]-?

  9. 9

    使用 col-lg-8 引导程序时保证金自动不工作

  10. 10

    Bootstrap 2-Col 格式

  11. 11

    你如何在 col3 共享/重叠 col2 的地方返回 col2?

  12. 12

    如何在angularjs中的ng-repeat中进行排序?:<li class =“ col-lg-3 col-md-4 col-sm-6” ng-repeat =“在eventsFromCatalogData中的项目| orderBy:item.id”>

  13. 13

    如果col2大于最后一行的col2,则打印

  14. 14

    字符串操作 col_schema="col1 string,col2 int"。我需要检索 => "col1,col2"

  15. 15

    如果col 1与col 3相同,如何用X替换col 4中的值,否则使用awk用col 2替换col 4中的每个条目

  16. 16

    如何在btn-toolbar中制作两个col-xs / sm / md / lg-6而不中断线?

  17. 17

    如何像在SQL中那样在C#中按小时格式(120:15:10)的行对行进行汇总/分组-如SELECT SUM(col1),col 2,col3 GROUP BY col2,col3

  18. 18

    “ col-xs-12 col-sm-6 col-md-4 col-lg-3”和col-xs-12页面中心

  19. 19

    如果col2的内容不在col1中,则串联2个chr列

  20. 20

    PostgreSQL10-是否可以按列表进行分区(col1,col2,..,colN)?

  21. 21

    Microsoft Power BI 桌面 — col1 和 col2 列(来自 excel)使用 col2 y 轴与 col1 轴制作图表

  22. 22

    col-10和col-2行在引导程序3的右侧产生怪异的间距

  23. 23

    如何选择行col1和空col2不同的行

  24. 24

    Bootstrap 4 col-2 对齐到 line col-6

  25. 25

    防止具有相同col1和不同col2的行

  26. 26

    当Table1.COL = Table2.Col时,从Table1中删除行

  27. 27

    SQL选择col1或col2等于变量的行

  28. 28

    查找 COL1 匹配但 COL2 不匹配的行并删除最旧的条目

  29. 29

    如何在col-md-2内插入col-md-12并采用全角

热门标签

归档