html - Uikit 中的输入组

Question

我正在尝试使用 uikit 创建输入组.我想并排输入框和按钮，如 bootstrap input-group class .您能否告诉我实现这一目标的最佳方式和方法是什么？

感谢您的任何建议。

Answer 1

据我所知，uikit 框架没有提供这样的内置输入组。

但是，使用一点 CSS 就可以完成同样的事情。

在这个 fiddle 中:https://jsfiddle.net/wannieboy/okwdsjxd/你发现我创建了一个普通的 uikit <form class="uk-form">带有一个看起来像 Bootstrap 输入组的输入和按钮。

我添加了一个包装器 <div>用test类 + 我添加了 myborder类到 button元素。这只是一个快速的 fiddle ，适用于仅这种情况。