小编RS9*_*S92的帖子

我正在使用输入标记并在其中设置了占位符值.现在,我想在其中设置占位符文本的填充,但我不能.

这是我尝试过的:

HTML

<form><input class="tbsearchbar" type="search" name="search_tb" placeholder="Test"></form>

CSS

placeholder {
    padding-top: 10px;
}

我有面包屑，但我的问题是我无法更改面包屑列表的文本颜色。我成功更改了字体粗细，但是颜色有问题。我试图编写color: white;代码，但无法正常工作，但失败了。

的HTML

<div class="container-fluid footer">
    <div class="row">
        <div class="col-xs-12">

            <img src="img/Gallery/fb.png" alt=""> &nbsp
            <img src="img/Gallery/twitter.png" alt=""> &nbsp
            <img src="img/Gallery/youtube.png" alt=""> &nbsp
            <img src="img/Gallery/myspace.png" alt="">

            <ol class="breadcrumb">
            <li><a class="active">Home</a></li>  &nbsp
            <li><a href="#">Gallery</a></li>  &nbsp
            <li> <a href="#">FAQ</a></li>   &nbsp
            <li> <a href="#">Contact</a></li>
            </ol>

            <p><small>Copyright <span class="glyphicon glyphicon-copyright-mark"></span>  All Right Reserved | Testing Website </small></p>
        </div>
    </div>
</div>

的CSS

.col-xs-12 .breadcrumb{
    background-color: #2b2b2b;
    color: white;
    font-family: TW Cen MT;
    font-size:18px;
    font-weight: bold;

}
.breadcrumb > li + li:before {
  content: none; …

我有 div 大小的导航col-md-4，我有 6 个选项卡，我无法对齐所有选项卡。

当我更改文本选项卡的字体大小时，我可以对齐，这对我来说不是一个好的解决方案。

我试图为每个标签设置宽度，但不起作用。如何将某些选项卡的宽度设置为小但其次设置为更大。

当我悬停在导航栏的末尾时，我也有填充

http://i.imgur.com/9Px4qqk.png

        <nav class="row">
            <ul class="nav nav-tabs">
                <li class="tab1"><a href="#"> <span class="glyphicon glyphicon-user"></span> Name &nbsp &nbsp<span class="glyphicon glyphicon-chevron-down"></span> </a></li>
                <li><a href="#"><span class="glyphicon glyphicon-flag"></span>Text Link </a> </li>
                <li><a href="#"> <span class="glyphicon glyphicon-envelope"></span> Message </a> </li>
                <li><a href="#"> <span class="glyphicon glyphicon-oil"></span>10 </a> </li>
                <li class="tab5"><a href="#"><span class="glyphicon glyphicon-asterisk"></span> </a> </li>
                <li><a href="#"><span class="glyphicon glyphicon-home"></span> </a> </li>
            </ul>



    </div>

CSS

.nav-tabs li .tab5{

    width:4%;
}

我在 IONIC 框架中创建了一个小应用程序，我有 3 个选项卡，我创建了左右滑动选项卡。但我的问题是我无法在第一个选项卡中滚动我的卡片。

代码：

我尝试将其ion content scroll从 false 更改为 true，但是当我滚动时，选项卡栏也会随着我的文本内容移动。

<ion-content scroll="false" class="has-subheader">

    <ion-slide-box show-pager="false" ion-slide-tabs>
        <ion-slide ion-slide-tab-label="TOP">
            <div class="list card ">

  <div class="item item-avatar">
    <img src="img/pic1.jpg">
    <h2>Author name</h2>
  </div>

  <div class="item item-body">
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer interdum, elit non scelerisque tincidunt, magna ligula elementum lectus, eget tempor dolor nisl at mauris. Curabitur eget ultrices ligula.
    </p>
    <img class="full-image" src="img/pic2.jpg">
    <p>
      <a href="#" class="subdued">1 Like</a>
      <a href="#" class="subdued">5 Comments</a>
    </p> …