Html 在所有行上拉伸4个引导按钮 拯救 提交
我有4个按钮排。我怎样才能在所有的行上拉伸这个按钮? 目前看来: 我想要的是这样的:Html 在所有行上拉伸4个引导按钮 拯救 提交,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有4个按钮排。我怎样才能在所有的行上拉伸这个按钮? 目前看来: 我想要的是这样的: 在每个标签周围添加一个div,并给出所需的尺寸。刚刚在我的网站上试用过,我有四个按钮在页面上延伸 <div class="row"> <div class="col-md-6 col-sm-8 col-xs-12"> <a class="btn btn-default" id="lnkBtnSave" onclick=" GetSaveData(); "&g
在每个标签周围添加一个div,并给出所需的尺寸。刚刚在我的网站上试用过,我有四个按钮在页面上延伸
<div class="row">
<div class="col-md-6 col-sm-8 col-xs-12">
<a class="btn btn-default" id="lnkBtnSave" onclick=" GetSaveData(); ">Save</a>
<a class="btn btn-default" id="lnkBtnSubmit" onclick=" GetSubmitData(); ">Submit</a>
<asp:LinkButton class="btn btn-default" id="lnkBtnAttach" runat="server" OnClick="lnkBtnAttach_OnClick" Text="Attach" ></asp:LinkButton>
<asp:LinkButton class="btn btn-default" id="lnkBtnExit" runat="server" OnClick="lnkBtnExit_OnClick" Text="Exit"></asp:LinkButton>
</div>
</div>
拯救
提交
将每个按钮包装在.col-xs-3
div中,并在这些div上应用文本对齐:居中
:
.row>div{
文本对齐:居中
}
拯救
提交
贴上
出口
为每个按钮使用class=“col-md-3”。也许在col-xs-6
之后使用文本中心将改善结果。谢谢@OzgurBar。刚刚加上去的
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-6 text-center">
<a class="btn btn-default" id="lnkBtnSave" onclick=" GetSaveData(); ">Save</a>
</div>
<div class="col-md-3 col-sm-3 col-xs-6 text-center">
<a class="btn btn-default" id="lnkBtnSubmit" onclick=" GetSubmitData(); ">Submit</a>
</div>
<div class="col-md-3 col-sm-3 col-xs-6 text-center">
<asp:LinkButton class="btn btn-default" id="lnkBtnAttach" runat="server" OnClick="lnkBtnAttach_OnClick" Text="Attach" ></asp:LinkButton>
</div>
<div class="col-md-3 col-sm-3 col-xs-6 text-center">
<asp:LinkButton class="btn btn-default" id="lnkBtnExit" runat="server" OnClick="lnkBtnExit_OnClick" Text="Exit"></asp:LinkButton>
</div>
</div>