Question

我需要这张卡。我已经完成了所有工作，但是我的日期和时间很糟糕。请帮我正确地做。第一张图片显示了它必须如何，第二张图片是我的。我不知道该怎么做：1）输入日期和输入时间之间的适当空格。 2）如何使这张卡响应，所以在额外的小屏幕上它将需要所有12 col。 3）为什么我的收音机是灰色的？在示例中，它们是白色的

 <div class="form-group row">
                <label for="date" class="col-md-2 col-form-label">Date and Time</label>
            <div class="col-md-8">
                <div class="input-group">
                    <div class="input-group-addon"> <span class="fa fa-calendar"></span></div>
                    <input type="text" class="form-control" id="date" name="date" placeholder="Date">

                    <div class="col-md-1"></div>
                        <div class="input-group-addon"> <span class="fa fa-clock-o"></span></div>
                        <input type="text" class="form-control" id="time" name="time" placeholder="Time">
            </div>
            </div>
                </div>

Answer 1

我向你解决了3个问题，检查代码，我把它放在内联的最后一个样式但你可以使用bootstrap类并把你想要的道具和添加（！important）来取你的风格

<div class="form-group row">
            <label for="date" class="col-md-2 col-form-label">Date and Time</label>

          <div class="input-group">
            <div class="col-xs-8">
             <div class="input-group">
                <div class="input-group-addon" style="background-color: white"> <span class="fa fa-calendar"></span>
                </div>
                <input type="text" class="form-control" id="date" name="date" placeholder="Date">
                 </div>   
            </div>
            <div class="col-xs-4">
             <div class="input-group">
                 <div class="input-group-addon" style="background-color: white"> <span class="fa fa-clock-o"></span></div>
                    <input type="text" class="form-control" id="time" name="time" placeholder="Time">
                     </div>   
            </div>       

    </div>

制作自助卡无法理解一些事情，我是新手

1 个答案: