bootstrap 下拉多选问题求解

jack.ma 2018-12-14 10:26:27

bootstrap 下拉多选，选中多条记录之后select框边的越来越长影响了整体布局，不能用固定px这样不适应，怎么控制显示不要太长，最好百分比

...全文

382 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

du2lon 2018-12-28

打赏
举报

回复

给父盒子加最大限制属性：max-height:120px; 超过这个高度盒子不会再高，未到这个高度就显示实际高度

在Bootstrap中，下拉框组件可以用于展示额外的信息，并允许用户在一组预定义的选项中进行选择。为了实现这一功能，Bootstrap利用了HTML的

元素和一些附加的类（例如.dropdown等）来控制下拉菜单的行为和样式。HTML多选下拉框是一种在用户界面中提供多项选择的控件。它通过一个下拉菜单显示一系列选项，用户可以通过特定的操作（如按住Ctrl或Command键）选择多个项目。多选下拉框在表单中常用于收集用户对多个选项的偏好或分类信息。

目录前言需要引用的它们核心选项核心方法实例应用回到顶部前言项目中要实现多选，就想到用插件，选择了bootstrap-select。附上官网api链接，http://silviomoreto.github.io/bootstrap-select/. 没有中文的。对付看吧。有机会每个方法实践一下，会总结的。我自己也等着呢。回到顶部需要引用的它们 &l...

bootstrap-select多选框实现第一次写博客契机开始结语功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入第一...

阅读目录一、组件开源地址以及API说明二、组件效果示例三、使用示例 1、基础示例2、其他效果示例3、组件取值赋值4、组件其他用法5、组件封装四、源码下载五、总结正文前言：之前分享过两篇bootstrap下拉框的组件：JS组件系列——两种bootstrap multiselect组件大比拼和 JS组件系列——Bootstrap Select2组

Bootstrap 是一个流行的前端开发框架，它由 Twitter 创建并开源，用于快速开发响应式和移动优先的 Web 项目。通过其丰富的组件库和网格系统，Bootstrap 为开发者提供了一套简单而强大的工具，以创建统一且一致的用户体验。在本章中，我们将简要介绍 Bootstrap 框架的核心组件，包括其 CSS 和 JavaScript 组件，并探讨框架的基本结构及其对现代 Web 开发的影响。

61,119

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章