简体   繁体   中英

Bootstrap multiple inputs two lines

How can I create a multiple input with checkbox on the left and two lines each one with an .

Here´s the code that I´m using:

<div class="container-fluid">
<div class="col-md-3">
    <div class="input-group">
        <div class="input-group-prepend">
            <div class="input-group-text">
                <input type="checkbox" id="idays">
            </div>
            <input type="text" class="form-control" id="days1" disabled="" maxlength="10">
            <input type="text" class="form-control" id="days2" disabled="" maxlength="10">
        </div>

    </div>
</div>

And I want something similar to this:

two inputs

 <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-1 d-flex align-items-center justify-content-center"> <input type="checkbox"> </div> <div class="col-11 pl-0"> <div class"row"> <div class="col-12">Option 1</div> <div class="col-12">Option 2</div> </div> </div> </div> </div>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM