Uikit 中的输入组
Input group in Uikit
我正在尝试使用 uikit. I would like to have input box and button side by side like bootstrap input-group class 创建输入组。你能告诉我如何以及什么是最好的方法吗？
感谢任何建议。
据我所知，uikit 框架没有提供这样的内置输入组。
然而，只需 css 您就可以完成同样的事情。
在这个 fiddle 中：https://jsfiddle.net/wannieboy/okwdsjxd/ 你会发现我创建了一个普通的 uikit <form class="uk-form"> 带有一个看起来像 bootstrap 输入组的输入和按钮。
我添加了一个带有 test class 的包装器 <div> + 我将 myborder class 添加到 button 元素.
这只是一个快速 fiddle 并且仅适用于 这种情况。
我正在尝试使用 uikit. I would like to have input box and button side by side like bootstrap input-group class 创建输入组。你能告诉我如何以及什么是最好的方法吗？
感谢任何建议。
据我所知，uikit 框架没有提供这样的内置输入组。
然而，只需 css 您就可以完成同样的事情。
在这个 fiddle 中：https://jsfiddle.net/wannieboy/okwdsjxd/ 你会发现我创建了一个普通的 uikit <form class="uk-form"> 带有一个看起来像 bootstrap 输入组的输入和按钮。
我添加了一个带有 test class 的包装器 <div> + 我将 myborder class 添加到 button 元素.
这只是一个快速 fiddle 并且仅适用于 这种情况。