引导btn-组对齐
引导btn-组对齐
提问于 2018-06-09 03:59:58
我有代码html bootstrap，但当在这里显示incorrect.enter图像描述code bootstrap
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="../Content/bootstrap.min.js" rel="stylesheet" />
<script src="../Scripts/bootstrap.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div class="btn-group btn-group-justified">
<div class="btn-group">
<asp:Button runat="server" CssClass="btn btn-default" Text="Home" />
</div>
<div class="btn-group">
<asp:Button runat="server" CssClass="btn btn-default" Text="Cart" />
</div>
<div class="btn-group">
<asp:Button runat="server" CssClass="btn btn-default" Text="Products" />
</div>
<div class="btn-group">
<asp:Button runat="server" CssClass="btn btn-default" Text="Contact Us" />
</div>
</div>
</form>
</body>
</html>回答 1
Stack Overflow用户
发布于 2018-06-09 04:25:40
似乎您的引导css没有包含在其中，或者您有其他css覆盖了它。
翻译自Google：
nóxuất hiện "bootstrap.css“hoặc làkhóngđược bao gồm hoặc bạn cómột sốcss khác ghiđèlèn Nó。
ASPX标记：
<div class="btn-group btn-group-justified">
<div class="btn-group">
<asp:Button runat="server" CssClass="btn btn-default" Text="Home" />
</div>
<div class="btn-group">
<asp:Button runat="server" CssClass="btn btn-default" Text="Cart" />
</div>
<div class="btn-group">
<asp:Button runat="server" CssClass="btn btn-default" Text="Products" />
</div>
<div class="btn-group">
<asp:Button runat="server" CssClass="btn btn-default" Text="Contact Us" />
</div>
</div>呈现HTML：
<div class="btn-group btn-group-justified">
<div class="btn-group">
<input type="submit" name="ctl00$MainContent$ctl00" value="Home" class="btn btn-default" />
</div>
<div class="btn-group">
<input type="submit" name="ctl00$MainContent$ctl01" value="Cart" class="btn btn-default" />
</div>
<div class="btn-group">
<input type="submit" name="ctl00$MainContent$ctl02" value="Products" class="btn btn-default" />
</div>
<div class="btn-group">
<input type="submit" name="ctl00$MainContent$ctl03" value="Contact Us" class="btn btn-default" />
</div>
</div>运行代码片段，您就可以看到它是如何工作的。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<div class="btn-group btn-group-justified">
<div class="btn-group">
<input type="submit" name="ctl00$MainContent$ctl00" value="Home" class="btn btn-default" />
</div>
<div class="btn-group">
<input type="submit" name="ctl00$MainContent$ctl01" value="Cart" class="btn btn-default" />
</div>
<div class="btn-group">
<input type="submit" name="ctl00$MainContent$ctl02" value="Products" class="btn btn-default" />
</div>
<div class="btn-group">
<input type="submit" name="ctl00$MainContent$ctl03" value="Contact Us" class="btn btn-default" />
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50767649
复制相关文章
相似问题