Bootstrap btn-group-justified

时间:2018-06-08 19:59:58

标签: asp.net twitter-bootstrap

我有代码html bootstrap,但在这里显示错误。中心图像描述 code bootstrap

reset_index

when display on browser

1 个答案:

答案 0 :(得分:1)

看来你的bootstrap css要么没有被包含,要么你有一些其他的css覆盖它。

从Google翻译:

  

Nóxuấthiện“bootstrap.css”hoặclàkhôngđượcbaogồmhoặcbạncómộtsốcsskhácghiđèlnnnó。

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>