bootstrap表单双排,在Bootstrap表单中并排显示两个字段

I am trying to display a year range input on a form that has a 2 textboxes. One for the min and one for the max and are separated by a dash.

I want this all on the same line using bootstrap, but I cannot seem to get it to work correctly.

Here's my code:

Year

-

Here's what it looks like now:

6e6c63ec31b7b7ebf07cbd4af6e1724b.png

解决方案

How about using an input group to style it on the same line?

Here's the final HTML to use:

-

Which will look like this:

07b0e01ce210bc15c643b0d183f7c02c.png

Here's a Stack Snippet Demo:

-

I'll leave it as an exercise to the reader to translate it into an asp:textbox element

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值