bootstrap 使用

2020-11-04 分类：JavaScript 作者：admin 阅读（25）

1，前端.input select解决form-contral总是换行问题

尝试了多种方法，终于发现在外框里加入 form-inline就可完美解决。

<div class="form-inline col-sm-3"> 
      <input id="investAmount" name="investAmount" class="form-control" required th:field="*{investAmount}" type="text">
     <select name="unit" class="form-control" th:field="*{unit}" id="unit" >
           <option value="万元">万元</option>
       <option value="亿元">亿元</option>
    </select>    
  </div>

</select>

</div>

row样式
居左(默认) .justify-content-start
居中 .justify-content-center
居右 .justify-content-end
间隔相等(分散) .justify-content-around
两端对齐(分散) .justify-content-between
col列样式
居顶(默认) .align-items-start
居中 .align-items-center
居底 .align-items-end
栅格的列可以排序，使用.order-N，N 最大值为 12；
使用.order-first，强行设置列为第一列，而.order-last 为最后一列；
使用.offset-N 或.offset-*-N 来设置列的偏移量，1 表示一个栅格
使用.ml-N 或.mr-N 来微调列距离，使用.ml-auto 和.mr-auto 来左右

来源:https://www.cnblogs.com/seeding/p/15349229.html

bootstrap table设置列宽:https://blog.csdn.net/weixin_45609759/article/details/107408504

@media screen实现屏幕自适应内容详解:

https://blog.csdn.net/qq_38882327/article/details/90264834

「三年博客，如果觉得我的文章对您有用，请帮助本站成长」

赞(0) 打赏

标签：

上一篇：php 数组排序

下一篇：关于npm

你可能感兴趣

带搜索功能的select下拉框实现

什么是跨域？如何解决跨域问题？

html自定义属性

关于npm

JS实现页面跳转的几种方法

js读取解析JSON数据

共有 0 - bootstrap 使用

点击这里取消回复。

博客简介

admin（6年前 (2020-03-09)）
分别用不同厚度的筏板定义，画图后这设置筏板变截面处理。 http://f.fwxgx.co...
评：新文章！
admin（6年前 (2020-03-09)）
分别用不同厚度的筏板定义，画图后这设置筏板变截面处理。 http://f.fwxgx.co...
评：新文章！
admin（6年前 (2020-03-09)）
新增一个框架图！ http://biji.jinli.vip/wp-content/upl...
评：新文章！
一位WordPress评论者（6年前 (2020-02-13)）
嗨，这是一条评论。要开始审核、编辑及删除评论，请访问仪表盘的“评论”页面。评论者头像来自...
评：世界，您好！

bootstrap 使用

bootstrap table设置列宽:https://blog.csdn.net/weixin_45609759/article/details/107408504

@media screen实现屏幕自适应内容详解:

你可能感兴趣

共有 0 - bootstrap 使用

点击这里取消回复。

博客简介

最近更新

随机文章

热门标签

精彩评论