bootstrap的常见面试题有哪些-创新互联

（2）把标签和控件放在一个带有class="form-group"的

中，这是获取最佳间距所必需的；

（3）向所有的文本元素、、<select>添加class="form-control"。</p><p><strong>6、使用Bootstrap创建水平表单的基本步骤？</strong></p><p>（1）向父<form>元素添加class="form-horizontal"；</p><p>（2）把标签和控件放在一个带有class="form-group"的<p>中；</p><p>（3）向标签添加class="control-label"。</p><p><strong>7、使用Bootstrap如何创建表单控件的帮助文本？</strong></p><p>增加class="help-block"的span标签或p标签。</p><p><strong>8、使用Bootstrap激活或禁用按钮要如何操作？</strong></p><p>激活按钮：给按钮增加.active的class</p><p>禁用按钮：给按钮增加disabled="disabled"的属性</p><p><strong>9、Bootstrap有哪些关于<img>的class？</strong></p><p>（1）.img-rounded 为图片添加圆角</p><p>（2）.img-circle 将图片变为圆形</p><p>（3）.img-thumbnail 缩略图功能</p><p>（4）.img-responsive 图片响应式 (将很好地扩展到父元素)</p><p><strong>10、Bootstrap中有关元素浮动及清除浮动的class？</strong></p><p>（1）class="pull-left" 元素浮动到左边</p><p>（2）class="pull-right" 元素浮动到右边</p><p>（3）class="clearfix" 清除浮动</p><p><strong>11、除了屏幕阅读器外，其他设备上隐藏元素的class？</strong></p><p>class="sr-only"</p><p><strong>12、Bootstrap如何制作下拉菜单？</strong></p><p>（1）将下拉菜单包裹在class="dropdown"的<p>中；</p><p>（2）在触发下拉菜单的按钮中添加：class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown"</p><p>（3）在包裹下拉菜单的ul中添加：class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"</p><p>（4）在下拉菜单的列表项中添加：role="presentation"。其中，下拉菜单的标题要添加class="dropdown-header"，选项部分要添加tabindex="-1"。</p><p><strong>13、Bootstrap如何制作按钮组？以及水平按钮组和垂直按钮组的优先级？</strong></p><p>（1）用class="btn-group"的<p>去包裹按钮组；class="btn-group-vertical"可设置垂直按钮组。</p><p>（2）btn-group的优先级高于btn-group-vertical的优先级。</p><p><strong>14、Bootstrap如何设置按钮的下拉菜单？</strong></p><p>在一个 .btn-group 中放置按钮和下拉菜单即可。</p><p><strong>15、Bootstrap中的输入框组如何制作？</strong></p><p>（1）把前缀或者后缀元素放在一个带有class="input-group"中的<p>中；</p><p>（2）在该<p>内，在class="input-group-addon"的<span>里面放置额外的内容；</p><p>（3）把<span>放在<input>元素的前面或后面。</p><p><strong>16、Bootstrap中的导航都有哪些？</strong></p><p>（1）导航元素：有class="nav nav-tabs"的标签页导航，还有class="nav nav-pills"的胶囊式标签页导航；</p><p>（2）导航栏：class="navbar navbar-default" role="navigation"；</p><p>（3）面包屑导航：class="breadcrumb"</p><p><strong>17、Bootstrap中设置分页的class？</strong></p><p>默认的分页：class="pagination"</p><p>默认的翻页：class="pager"</p><p><strong>18、Bootstrap中显示标签的class？</strong></p><p>class="label"</p><p><strong>19、Bootstrap中如何制作徽章？</strong></p><p><span class="badge">26</span></p><p><strong>20、Bootstrap中超大屏幕的作用是什么？</strong></p><p>设置class="jumbotron"可以制作超大屏幕，该组件可以增加标题的大小并增加更多的外边距。</p><p>感谢各位的阅读！关于“bootstrap的常见面试题有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！</p><p align=center>另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、<a href="https://www.cdcxhl.com/gaofang/" target="_blank">高防服务器</a>、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。</p> <br> 名称栏目：bootstrap的常见面试题有哪些-创新互联 <br> 标题路径：<a href="http://mswzjz.cn/article/dijdhg.html">http://mswzjz.cn/article/dijdhg.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/ddohjpj.html">腾讯云服务器弹性网卡 腾讯云服务器弹性ip自动切换</a> </li><li> <a href="/article/ddohjhd.html">gis测量技术原理 gis测量技术原理图</a> </li><li> <a href="/article/ddohpdc.html">VB.net内容 vbnet writeline</a> </li><li> <a href="/article/ddohpdd.html">linux创建命令的别名 linux命令行创建用户</a> </li><li> <a href="/article/ddohpds.html">php对数据库查询数据 php数据库查询结果处理</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上四川攀枝花网站建设。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"> 提交需求