更改Bootstrap滑块的高度

时间:2017-02-07 14:05:45

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3 slider

我尝试过改变css,我可以通过在它周围做一个div来改变它的宽度,并给它一个80%的宽度。但是我无法改变这种方式的高度。任何人都知道如何改变高度?见下面的链接。

聚苯乙烯。无法复制代码段或没有空格键的链接..很抱歉。

CodePen:http://codepen.io/SitePoint/pen/ZbGwqe/

JS:

export default React.createClass({
    var arrNum=[15,16,35,36,37,38,39,40];
      var check=function(imgURL){
      var newUrl="";
      var imgNum=imgURL.slice(45,47)
      imgNum=Number(imgNum)
        for(var i=0;i < arrNum.length; i++){
            if(imgNum === arrNum[i]){
              newUrl=imgURL;
              newUrl=newUrl.replace(imgNum,imgNum+"_en");
              return newUrl
            }
          }
              return imgURL
      }
  render() {

    return <div>
     <div className="main">
          <img className="img1" src=check({this.props.img1})/>
          <img className="img2" src=check({this.props.img2})/>
          <img className="img3" src=check({this.props.img3})/>
          <img className="img4" src=check({this.props.img4})/>

     </div> 
   </div>
  }
})

1 个答案:

答案 0 :(得分:0)

用javascript进行编码

更改

var $wHeight = $(window).height();
$(window).on('resize', function (){
  $wHeight = $(window).height();
  $item.height($wHeight);
});

通过

var $wHeight = 200; // >------- your wanted height
$(window).on('resize', function (){
  $wHeight = 200;   // >------- your wanted height
  $item.height($wHeight);
});

CodePen:http://codepen.io/anon/pen/mRGeoR