Bootstrap3 - 14.导航栏中的文字,按钮与其他菜单

a标签做成按钮:

订阅课程

btn是基础,btn-primarybtn-sm是决定样式的具体类。
使用了navbar-btn就对齐了。

文字:navbar-text
按钮:navbar-btn

代码:




    
    Document
    
    
    
    


    
    
    

title123

按时打算是多少对阿斯达方的方式斯蒂芬斯蒂芬按时打算

style.css:



body {
    padding-top: 52px;
}

.navbar-inverse input[type="text"] {

    background-color: #313131;
    border: none;
    color: #999;
}

.navbar-inverse .navbar-form {
    position: relative;
}

.navbar-inverse .navbar-form input{

    width: 75%;
}


.profile {
    margin-right: 25px;
}

效果:


Bootstrap3 - 14.导航栏中的文字,按钮与其他菜单_第1张图片
图片.png

你可能感兴趣的:(Bootstrap3 - 14.导航栏中的文字,按钮与其他菜单)