bootstrap选项怎么自适应

时间：2018.04.24 发布人：temptedlx
bootstrap选项怎么自适应

已解决问题

谷歌temptedlx用户在2018.04.24提交了关于“艾弗森bootstrap选项怎么自适应”的提问，欢迎大家涌跃发表自己的观点。目前共有2个回答，最后更新于2025-04-25T08:50:09。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，我不知道说什么才好,除了谢谢 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：匿名用户  

bootstrap如何自适应当前窗口大小

<divclass="container">

<!来自--n**-tabs作为选项头部样式-->

<u问答lclass="n**n**-tabs">

<liclass="active"><ahref="">one</a></li>

<li><ahref="">two</a></li>

<l已妒记影年i><ahref="">three</a></li>

</ul>

<!施落--n**-justified端点对齐按钮宽度总和等于控理何组选风背批算门父级宽度-->

<u溶职叫场丰丰厚显lclass="navn**-tabsnav-justified">

<liclass="a右济示大师环欢把ctive"><ahref="">one</a></li>

<li><ahref="">two</a></li>

<li><ahref="">three</a></li>

</身ul>

<!--例风洲任振斤n**-tabs-justified底线端点对齐(自适应)-->

<ulclass="n**n**-tabsn**-tabs-justified">

<l轮翻某三iclass="active"><ahref="">one</a></li>

<li><ahref="">two</a></li>

<li><ahref="">three</a></li>

</ul>

<!--n**-pills按钮选项加上n**-justified可端点对齐(自适应宽度)-->

<ulclass="n**n**-tabsn**-pillsn**-justified">

<liclass="active"><ahref="">o滑只好才你讨战眼很ne</a></li>

<li><ahref="">two</a></li>

<li><ahref="">three</a></斤口机位li>

</买九对普践审请低实ul>

<!--n**-stacked竖向选项配合n**-pills使用-->

<ulclass="n的若已期**n**-tabsn**-pillsn**-stacked">

<liclass="active"><ahref="">one</a></li>

<li><ahref="">two</a></li>

<li><ahref="">three</a></li>

</ul>

<ulclass="n**n**-tabs">

<!--data-toggle='tab'切换属性然后可通过锚点进行切换-->

<liclass="active"><ahref="#a"data-toggle='tab'>o客结究搞ne</a></li>

<li><ahref="#b"data-toggle='t依草充盾备烟课互敌ab'>two</a></li>

<li><ahref="#c"data-toggle='tab'>three</怕酸方仅耐灯a></li>

</ul>

<!--范练始风后送tab-content内容部分-->

<ulclass="tab-content">

<!--fade淡入淡出in为一开始为显示-->

<liid="a"class="tab-panefadeinactive">aaaaa</li>

<liid="b"class="tab-panefade">bbbbb</li>

<liid="c"class="tab-panefade">ccccc</li>

</ul>

</div>


第2个回答

用户名：匿名用户  

<divid="content"class="wrapperXXX"><divclass="container-fluidmainXXX"></div><divclass="n**barn**bar-defaultn**bar-fixed-bottombottomXXX"><divclass="container-fluid"><h2>bottomdiv</h2></div></div></div><styletype="text/css">.wrapperXXX{position:fixed;width:100%;height:100%;}.mainXXX{background-color:pink;height:100%;}.bottomXXX{background-color:lime;}</style>