Bootstrap-2

忘是亡心i 2022-06-15 05:25 134阅读 0赞

# Bootstrap-2 #

<div class="nav-collapse">
        <ul class="nav">
            <li class="active">
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#about">关于</a>
            </li>
            <li>
                <a href="#contact">联系我们</a>
            </li>
        </ul>                
    </div>

<ul class="nav nav-list">
        <li>
            <a class="btn btn-primary btn-block btn-large" href="#">#</a>
        </li>
        <li>
            <a class="btn btn-primary btn-block btn-large" href="#">#</a>
        </li>
         <li>
            <a class="btn btn-primary btn-block btn-large" href="#">#</a>
        </li>
        <li>
            <a class="btn btn-primary btn-block btn-large" href="#">#</a>
        </li>
    </ul>

--------------------

*  **遇到的问题** :  
    
    
     *  当leftNav的样式展现的时候都不会存在什么问题的,  
        但是鼠标放在上面的时候, 页面的背景颜色就发生了变化,  
        然后我进行了修改.

<p>
            <a class="btn btn-primary btn-block btn-large" href="#">#</a>
        </p>
        <p>
            <a class="btn btn-primary btn-block btn-large" href="#">#</a>
        </p>
        <p>
            <a class="btn btn-primary btn-block btn-large" href="#">#</a>
        </p>
        <p>
            <a class="btn btn-primary btn-block btn-large" href="#">#</a>
        </p>

--------------------

*  使用导航列表创建带可选标题的堆叠导航:  
    
    
     *  `.nav-class` 可用于创建一个适合于侧边栏的堆叠的导航. 您可以为一组链接添加标题, 为位于 `bootstrap.css 中行号 2201 到 2221` 的 `.nav-list` 定义样式(版本 2.0.1).
     *  我们需要先设计一下现在的

发表评论取消回复

表情：

评论列表（有 0 条评论，134人围观）

还没有评论，来说两句吧...

相关阅读

相关 Bootstrap（2）排版（简练版）

（九）排版 ①原文链接： [http://v2.bootcss.com/base-css.html][http_v2.bootcss.com_base-css.html]

- 日理万妓/ 2022年09月26日 03:58/ 0 赞/ 259 阅读

相关 2.4Bootstrap表单

1、基本案例单独的表单控件会被自动赋予一些全局样式。所有设置了`.form-control`的`<input>`、`<textarea>`和`<select>`元素都将被默

本是古典何须时尚/ 2022年08月27日 03:38/ 0 赞/ 160 阅读

相关 2.3Bootstrap表格

1、基本案例为任意`<table>`标签添加`.table`可以为其赋予基本的样式—少量的内补（padding）和水平方向的分隔线。这种方式看起来很多余！？但是我们觉得，表

川长思鸟来/ 2022年08月27日 03:38/ 0 赞/ 162 阅读

相关 2.2Bootstrap排版

1、标题 Html中的所有标题标签，从<h1>到<h6>均可使用。另外还提供了.h1到.h6的class,为的是给inline属性的文本赋予标题的样式。 <b

桃扇骨/ 2022年08月27日 03:38/ 0 赞/ 219 阅读

相关 2.2Bootstrap栅格系统案例

本文系列按照某大神学习系列一一敲出，并非自己写的或者是直接复制。只是希望通过这个系列可以快速掌握这个框架而已。细节方面不再赘述。 1、栅格选项

清疚/ 2022年08月27日 03:29/ 0 赞/ 198 阅读

相关 Angular2中使用bootstrap

下载 ng-bootstrap ng-bootstrap 使用 bootstrap 4.0 alpha2 ，因此需要先下载 bootstrap ，推荐使用 npm 包的

「爱情、让人受尽委屈。」/ 2022年07月15日 04:54/ 0 赞/ 142 阅读

相关 Bootstrap-2

Bootstrap-2 <div class="nav-collapse"> <ul class="nav"> <li c

忘是亡心i/ 2022年06月15日 05:25/ 0 赞/ 135 阅读

相关 bootstrap——简单界面2

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me

小鱼儿/ 2022年06月02日 00:37/ 0 赞/ 183 阅读

相关 Angular 集成 Bootstrap ng2-bootstrap

ng2-bootstrap 详细介绍 ng2-bootstrap 是 Angular 2 的扩展指令，实现了对 Bootstrap 框架的集成。示例代码： //

爱被打了一巴掌/ 2022年05月19日 01:29/ 0 赞/ 211 阅读

相关 bootstrap2 时间rpw

<link rel="stylesheet" type="text/css" href="/public/css/bootstrap-datetimepicker.cs

叁歲伎倆/ 2021年11月02日 15:12/ 0 赞/ 188 阅读