学习bootStrap03

最新推荐文章于 2022-11-20 14:59:05 发布

消白

最新推荐文章于 2022-11-20 14:59:05 发布

阅读量85

点赞数

分类专栏：前端文章标签： bootstrap

本文链接：https://blog.csdn.net/qq_58635769/article/details/124280461

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.引入环境

 <script src="../lib/jquery-3.2.1.js"></script>
    <link href="../lib/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
    <script src="../lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>

2.相关解析：

list-unstyled:默认样式

list-inline:横着的

dl-horizontal：水平方式

pre-scrollable:超出部分显示滚动条

<body>
<ul class="list-unstyled text-center text-primary">
    <li>html</li>
    <li>css</li>
    <li>js</li>
</ul>
<ul class="list-inline text-center text-info">
    <li>html</li>
    <li>css</li>
    <li>js</li>
</ul>
<dl class="text-center text-warning dl-horizontal">
    <dt>ty</dt>
    <dd>中文名字叫做唐颖</dd>
    <dt>lm</dt>
    <dd>中文名字叫做林默</dd>
</dl>
<pre class="text-center text-info pre-scrollable">
    public class User(){
        private int id;
        private String name;
        private int age;
        public User(){};
        public User(int id,String name;int age){
            this.id=id;
            this.name=name;
            this.age=age;
        }
        public void speak(){
            System.out.println("hello world!");
        }
    }
    import com.lm.bean.Pet;
import com.lm.bean.User;
import org.springframework.boot.autoconfigure.condition.ConditionalOnMissingBean;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.context.annotation.Import;
import org.springframework.context.annotation.ImportResource;

@Import({User.class})
@Configuration(proxyBeanMethods = true)
@ConditionalOnMissingBean(name="tom2")
@ImportResource("classpath:beans.xml")
public class MyConfig {
     @Bean("tom2")
     public Pet pet01(){
        return new Pet("TomCat");
    }

        @Bean("lm")
        public User user01(){
            return new User("林默",12,pet01());
        }

}
</pre>
</body>

效果图如下：

消白

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
学习bootStrap03

1.引入环境 <script src="../lib/jquery-3.2.1.js"></script> <link href="../lib/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet"> <script src="../lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>2.相关解析：list-
复制链接

扫一扫