表单中的文本框宽度控件

时间:2019-08-14 10:35:59

标签: bootstrap-4

我有带有bootstrap的设计表单,并且表单输出是这个 I want to extend the last name width to form end 以及以下代码:

class GitHubRxService {

   private GitHubRxApi gitHubApi;

   GitHubRxService() {
       Retrofit retrofit = new Retrofit.Builder()
         .baseUrl("https://api.github.com/")
         .addConverterFactory(GsonConverterFactory.create())
         .addCallAdapterFactory(RxJavaCallAdapterFactory.create())
         .build();

       gitHubApi = retrofit.create(GitHubRxApi.class);
   }

   Observable<String> getTopContributors(String userName) {
       return gitHubApi.listRepos(userName)
         .flatMapIterable(x -> x)
         .flatMap(repo -> gitHubApi.listRepoContributors(userName, repo.getName()))
         .flatMapIterable(x -> x)
         .filter(c -> c.getContributions() > 100)
         .sorted((a, b) -> b.getContributions() - a.getContributions())
         .map(Contributor::getName)
         .distinct();
   }
}

我可以增加[姓氏]文本框的100%宽度。因此,姓氏的宽度文本框可以扩展为有效日期文本框

1 个答案:

答案 0 :(得分:0)

如果仅在“名字”文本框中设置max-width,则应该可以使用

<div class="col">
    <div class="input-group">
        <div class="input-group-prepend">
            <span class="input-group-text" id="">First and last name</span>
        </div>
        <input type="text" class="form-control" placeholder="First Name" style="max-width:90px;">
        <input type="text" class="form-control" placeholder="Last Name">
    </div>
</div>

PS这些输入没有ID和Name属性。

此语法不正确<div class="col-md-4" ">