bootstrap入门

最新推荐文章于 2025-02-11 00:00:32 发布

[纳川]

最新推荐文章于 2025-02-11 00:00:32 发布

阅读量538

点赞数 2

文章标签： bootstrap 入门前端 web

本文链接：https://blog.csdn.net/weixin_39530695/article/details/103115132

版权

文档地址：https://getbootstrap.com/docs/3.4/css/#forms

所有前提：必须放到：container中

混合布局（适配多个设备）

偏移：

效果：

排版管理：

例子：

文字对齐

列表：

效果：

列表：

表格：

form表单

一行的

垂直表单

单选和复选框：

<div class="checkbox">
  <label>
    <input type="checkbox" value="">
    Option one is this and that&mdash;be sure to include why it's great
  </label>
</div>
<div class="checkbox disabled">
  <label>
    <input type="checkbox" value="" disabled>
    Option two is disabled
  </label>
</div>

<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
    Option one is this and that&mdash;be sure to include why it's great
  </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
    Option two can be something else and selecting it will deselect option one
  </label>
</div>
<div class="radio disabled">
  <label>
    <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
    Option three is disabled
  </label>
</div>