ASP.NET で Bootstrap を使う

クラス名にform-groupと記載することで、ラベルとテキストボックスの見ばえを整頓できます。

テキストボックスにform-controlと記載すると、入力枠が丸みを帯び、カーソルが移動した時に青色でフォーカス表示されます。

ソースコード

<div class="form-group">
  <asp:TextBox class="form-control" runat="server" ></asp:TextBox>
</div>

グリッドシステム

• class = “container”（固定枠）または”container-fluid”（流動枠）の中に書く
• class = “row”の中に書く
• class = “col-{prefix}-{columns}”の形で書く
• class = {columns}は合計が12になるようにする
•  

ソースコード

<div class="row">
  <div class="col-sm-8">col-sm-8</div>
  <div class="col-sm-4">col-sm-4</div>
</div>