html - 如何在不更改 bootstrap.css 文件的情况下管理 Bootstrap 列的宽度？

Question

我试图将我的元素放在 Bootstrap 行(列内)中以满足我的需要，但是，我遇到了问题。列宽约为 97px。对于大屏幕。 我应该怎么做才能在这样的列中放置一个超大列宽的控制元素(日期选择器或按钮)？唯一的选择是覆盖标准 Bootstrap 样式(生成新的 css)或合并多个列？我还有哪些其他选择？

        <div class="row">
        <div class="col-xs-1">
            <input type="checkbox" /> /* How han I change the margine between elements?*/
            <div class="arrow-down">
            </div>
        </div>
        <div class="col-sm-3">
            <!--- Date Time Picker control-->
        </div>
        <div class="col-xs-4">
            <div class="glyphicon glyphicon-time">7 h 49 min</div>
        </div>
        <div class="col-xs-2">
            <button type="button" class="btn btn-default btn-md btn-block">Add work time</button>
        </div>
        <div class="col-xs-2">
            <button type="button" class="btn btn-default btn-md btn-block">Add break</button>
        </div>
    </div>

Answer 1

您可以在 <style> 中添加样式在您的 html 的 header 部分，在指向 Bootstrap css 的链接之后，或使用内联样式。