html - 如何在 Bootstrap 中从右边移动文本?

标签 html twitter-bootstrap css

我做了一个简单的演示,其中有两列..我的第二列文本是右对齐的(float:right)..此外我还需要从右对齐一些像素。我使用了 right:20px。它没有给文本留边距。它给列留边距,为什么?

http://codepen.io/naveennsit/pen/VePxWO

<div class='row'>
    <div class='col-xs-8' style='background-color:red'>first</div>
    <div class='col-xs-4 text-right' style='background-color:yellow;'>second</div>  
</div>

最佳答案

尝试先学习 bootstrap 提供的基础类,然后在上面添加自己的 CSS 样式。

您可以简单地使用 container-fluid 类并填充它。如果这不是您想要的 View ,您可以使用 bootstrap 提供的更多基于布局的类。通过引用。

这是您在代码笔中的解决方案。 http://codepen.io/anon/pen/adpGER

关于html - 如何在 Bootstrap 中从右边移动文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34584174/

相关文章:

css - Bootstrap当前事件的dom元素颜色开关?

html - Markdown 链接转义布局

css - Bootstrap容器-流体和容器

javascript - 模态 Bootstrap 用户输入

html - 基础 - 文本位于页脚后面

javascript - 查找下一个隐藏的 div 并使用 jQuery 选择器显示它

html - 需要单独的 html 文件中的菜单

javascript - Jquery改变内容链接值

html - 如何防止嵌套 <li> 扩展父 <li> 宽度?

javascript - CSS div 大小相对于视口(viewport)边界?