Javascript 在引导中达到列级别时更改文本对齐 我使用的是bootstrap 3.3.7,我想在达到col-sm-6时将文本对齐方式改为左侧。如果尚未达到此级别,则文本对齐是正确的。我该怎么做
以下是我的部门:Javascript 在引导中达到列级别时更改文本对齐 我使用的是bootstrap 3.3.7,我想在达到col-sm-6时将文本对齐方式改为左侧。如果尚未达到此级别,则文本对齐是正确的。我该怎么做,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,以下是我的部门: <div class="col-sm-6 text-right" style="padding-bottom:10px; padding-top:10px" > <a class="BAN_ForgotPass" href="#">Forgot the password ?</a> </div> 我尝试将此添加到标题中的脚本css中,但没有成功: <style type="text/css">
<div class="col-sm-6 text-right" style="padding-bottom:10px; padding-top:10px" >
<a class="BAN_ForgotPass" href="#">Forgot the password ?</a>
</div>
我尝试将此添加到标题中的脚本css中,但没有成功:
<style type="text/css">
@media (max-width: 767px) {
footer .text-right { text-align:left }
}
</style>
@介质(最大宽度:767px){
footer.text right{text align:left}
}
有什么建议吗
- 请回答另一个问题:是否在javascript或jquery中检测是否达到了col级别?我问这个是因为有时候我们需要隐藏图片或者在某些级别添加一些东西。。。 例如:达到col-sm-6时隐藏图像x。可能吗
@介质(最大宽度:767px){
.container.text右键{
文本对齐:左对齐
}
}
使用内联CSS在页面中尝试此功能,如果效果良好,则制作外部CSS
.col-sm-6
{
text-align:left;
}
如果这样做有效的话,为每一个你想要的改变制作一个单独的CSS
像图像隐藏一样,在上面的代码中添加下面的行
.col-sm-6
{
text-align:left;
diaplay : block;
}
试试下面的代码
@media (max-width: 767px) {
.text-right { text-align:left; }
}
哪里是
?您不需要JavaScript来隐藏或显示某些断点处的元素-Bootstrap有用于此的帮助程序类,您的短语“当达到col-sm-6时”并不清楚。你到底想看到什么样的行为?它是基于屏幕宽度(可以使用@media规则)还是基于元素在一行中的位置?现在解决了,谢谢