我是Bootstrap的新手,我想我应该使用他们的v4 alpha版本。
我正在尝试将下面示例中的“安排估值”按钮(靠近页面底部)靠右对齐,而其他文本则靠左对齐。我还需要文本和按钮垂直对齐在中间。
你能帮上忙吗?
<div class="card card-block card-blue clearfix">
<p class="card-text">Want to know how much rent you could achieve for your property? <a href="#
如果我有一个表单,在纯HTML格式的输入旁边有一个标签,并且这两个表单都是内联的(或内联的块),那么它们就会按照基线对齐。但是当使用bootstrap并将输入放在输入组中时,它们似乎被底部对齐了。
我试着在没有bootstrap的情况下复制它,但我做不到,它就是工作。我创建了fiddle来显示问题:
HTML是:
<p>A case working, with just an input:</p>
<div class="form-group without-input-group">
<label>label</
我使用的是Bootstrap版本3.3.7,如何使Bootstrap按钮与底部按钮的高度相等?我发现一些解决方案是以row或col类为目标,使其高度相同。但是,我可以在不针对Bootstrap row和col的情况下实现相同的结果吗?不是针对row和col类,也不是使用position:absolute,我可以使用其他CSS方法得到相同的结果吗?也许是clearfix?清楚:两者都有?溢出?显示:表格-单元格?还是展示: flex?
/* Can I do the same result without using position:absolute? */
@media only scr
这是两个并排的分区的默认结构,我想保留屏幕底部的阅读更多按钮,即使内容更少。
<div class="row">
<div class="col-12"> Image </div>
<div class="col-12">
<h1>Lorem ipsum</h1>
<p>all the content which will be strecth to full height</p>
<a>Read more</a>