想要在按钮之间添加间距

Question

哟all.我是Admin的亲戚.我有一个简单的任务,在对话框中的按钮之间添加空格,如下面从http://bootboxjs.com/examples.html获得的示例代码中所示.试想一下,这个例子中有超过1个按钮.喜欢保存,删除,取消,确认.

bootbox.dialog({
                title: "This is a form in a modal.",
                message: '<div class="row">  ' +
                    '<div class="col-md-12"> ' +
                    '<form class="form-horizontal"> ' +
                    '<div class="form-group"> ' +
                    '<label class="col-md-4 control-label" for="name">Name</label> ' +
                    '<div class="col-md-4"> ' +
                    '<input id="name" name="name" type="text" placeholder="Your name" class="form-control input-md"> ' +
                    '<span class="help-block">Here goes your name</span> </div> ' +
                    '</div> ' +
                    '<div class="form-group"> ' +
                    '<label class="col-md-4 control-label" for="awesomeness">How awesome is this?</label> ' +
                    '<div class="col-md-4"> <div class="radio"> <label for="awesomeness-0"> ' +
                    '<input type="radio" name="awesomeness" id="awesomeness-0" value="Really awesome" checked="checked"> ' +
                    'Really awesome </label> ' +
                    '</div><div class="radio"> <label for="awesomeness-1"> ' +
                    '<input type="radio" name="awesomeness" id="awesomeness-1" value="Super awesome"> Super awesome </label> ' +
                    '</div> ' +
                    '</div> </div>' +
                    '</form> </div>  </div>',
                buttons: {
                    success: {
                        label: "Save",
                        className: "btn-success",
                        callback: function () {
                            var name = $('#name').val();
                            var answer = $("input[name='awesomeness']:checked").val()
                            Example.show("Hello " + name + ". You've chosen <b>" + answer + "</b>");
                        }
                    }
                }
            }
        );

我想知道如何增加按钮之间的间距,使它们放置得更远,看起来很宽敞,对话框的UI更漂亮.我对这些东西并不擅长.我搜索了很多.请帮我.非常感谢您的帮助.非常感谢你.

如果可能的话,请提供一些代码和实例.再次感谢你.

Answer 1

您可以使用 或margin属性在网页上的按钮之间添加间距.

使用 :

您可以 在第一个按钮的结束标记和第二个按钮的开始标记之间使用,如下所示.

<button>Button 1</button> &nbsp;&nbsp;&nbsp; <button>Button 2</button>

您可以添加 更多空间以添加更多空间.

使用margin属性:

您可以通过添加两个对象来添加两个对象之间的间距margin.CSS代码如下,

.btn_name{
    margin-left:10px;
}

要在左侧添加空间,或者您可以使用以下代码在右侧添加空间,

.btn_name{
    margin-right:10px;
}